→ Anonymous
→ Toggle switches

Toggle switches

This bootstrap css example is contributed by Anonymous, on 28-Apr-2024. Component is made with bootstrap css v.5.3. It is responsive. similar terms for this example is Switch

Tags: Toggle

Author Anonymous

428

v.5.3

Fork Fullscreen

<div>
    <div class="form-check form-switch">
        <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDefault">
        <label class="form-check-label" for="flexSwitchCheckDefault">Default switch checkbox input</label>
    </div>
    <div class="form-check form-switch">
        <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckChecked" checked>
        <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
    </div>
    <div class="form-check form-switch">
        <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDisabled" disabled>
        <label class="form-check-label" for="flexSwitchCheckDisabled">Disabled switch checkbox input</label>
    </div>
    <div class="form-check form-switch">
        <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckCheckedDisabled" checked disabled>
        <label class="form-check-label" for="flexSwitchCheckCheckedDisabled">Disabled checked switch checkbox input</label>
    </div>
</div>

More Examples

Responsive Dashboard Statistics Cards

Author:
Ankit khedkar

3 months ago

552

v.5.3
Call-to-Action Example
Call-to-Action section with bootstrap 5

Author:
Omar Khaled

5 months ago

303

v.5.3
Parallax effect with image background

Author:
Anonymous

1 month ago

233

v.4.6
Buttons with Icons

Author:
Prajwal Hallale

10 months ago

374

v.5.3
modern search bar with autocompletion
click to see effect

Author:
Mateo Rojas

1 month ago

352

v.5.3
Interactive Quiz Application
1. Dynamic Question Loading: Questions are loaded one at a time from a predefined set. 2. Timer: Each question has a 30-second time limit. Interactive Options: Users can select their answer, with visual feedback for correct and incorrect choices. 3. Progress Bar: Shows the user's progress through the quiz. 4. Results Summary: Displays the final score with a congratulatory or encouraging message. 5. Responsive Design: The quiz adapts to different screen sizes.

Author:
Ross Wille

4 months ago

1.3k

v.5.3
Blog post layout
Minimal and clean blog post layout

Author:
Juniper

3 months ago

1.2k

v.5.3
Product details page
Beautiful product detail page with

Author:
Edy Gafatrans (gafatrans)

1 week ago

82

v.5.3
Star Rating Component

Author:
Alaric Sloane

3 months ago

633

v.5.3
Elegant Profile Card
showcasing user or team member profiles in a professional and visually appealing manner. The profile card includes an avatar, name, position, and a short bio, along with social media icons for easy connectivity

Author:
Prajwal Hallale

10 months ago

3.3k

v.5.3
Features section
Showcase features with icons

Author:
Prajwal Hallale

10 months ago

323

v.4.6
Pricing cards

Author:
Prajwal Hallale

10 months ago

373

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent