→ 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

1.3k

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

Footer
Simple footer with social icons

Author:
Prajwal Hallale

1 year ago

6.4k

v.5.3
Responsive Bento Grid Layout
Bento grid layout using Bootstrap 5 and custom CSS

Author:
Anonymous

8 months ago

919

v.5.3
Search with Select using Bootstrap 5
Category filter with search bar

Author:
Omar Khaled

9 months ago

3k

v.5.3
Bootstrap homepage with background color, hover effects, animations, and shadows added to enhance the design
Features Added: Background Gradient: A smooth gradient background using linear-gradient. Card Shadow and Hover Effect: The card now lifts up with a shadow (box-shadow) and smooth transition (transform) on hover. Button Customization: A custom round button with hover color change. Animation: The card content animates with a "fade-in-up" effect using keyframe animation.

Author:
zobaidul kaziex

9 months ago

2.2k

v.4.6
404 page template
with an animated illustration and a button to redirect to the homepage

Author:
Anonymous

4 months ago

1.9k

v.5.3
Form Wave
Form Wave

Author:
Rami AlAjo

4 months ago

560

v.4.6
Sign in with Google

Author:
Juan Martinez

11 months ago

3.1k

v.5.3
Responsive Products Grid

Author:
Ross Wille

11 months ago

2k

v.5.3
Gradient Pagination

Author:
Levi Treadwell

6 months ago

636

v.5.3
Parallax Image Gallery
An eye-catching gallery section with parallax scrolling effects and image captions.

Author:
Prajwal Hallale

1 year ago

3.5k

v.5.3
Bootstrap tabs
tab navigation

Author:
Anonymous

5 months ago

1.1k

v.5.3
Responsive Dashboard Statistics Cards

Author:
Ankit khedkar

7 months ago

3.3k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent