→ 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

279

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 Timeline

Author:
Tane Mahuta

3 months ago

304

v.5.3
Resume template
Simple and elegant resume template

Author:
Juan Martinez

3 months ago

160

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

2 months ago

217

v.5.3
Stats section
Show your product/website stats beautifully

Author:
Nguyen Minh

5 months ago

267

v.4.6
CTA block
Beautiful CTA section with a form

Author:
Ross Wille

3 months ago

217

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

Author:
Juniper

3 weeks ago

750

v.5.3
Animated Skills Progress Chart

Author:
Reza Farhadi

2 months ago

292

v.5.3
404 page template

Author:
Valeria González

3 months ago

633

v.5.3
User Avatar Example

Author:
Anonymous

7 months ago

924

v.4.6
bootstrap-dashboard

Author:
Joey "Manny" Torres

2 months ago

146

v.5.3
Marquee Animation
On hover stop effect

Author:
Anonymous

3 months ago

686

v.5.3
Star Rating Component

Author:
Alaric Sloane

1 month ago

107

v.5.3

Didn't find component you were looking for?

Search from 200+ componenent