→ 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

2.1k

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

Social media buttons
Beautiful and simple social media buttons

Author:
Maria Garcia

1 year ago

3.6k

v.5.3
Profile Management Dashboard
profile management interface with personal information, security settings, and activity tracking in a modern design

Author:
Shola Ajani

8 months ago

5.4k

v.5.3
Bootstrap tabs filled
Clean, modern design with a filled background

Author:
Prajwal Hallale

10 months ago

1.6k

v.5.3
Features section
Showcase features with icons

Author:
Prajwal Hallale

1 year ago

1.1k

v.4.6
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

1 year ago

2.9k

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

Author:
Anonymous

6 months ago

1k

v.5.3
Simple stats section
Minimalist stats example made with bootstrap 5

Author:
Tane Mahuta

1 year ago

1.2k

v.5.3
Search bar with search icon in bootstrap 5

Author:
Anonymous

10 months ago

2.6k

v.5.3
Basic landing page with bootstrap

Author:
Asmath

10 months ago

1.5k

v.5.3
Outline button group

Author:
Mishti

1 year ago

713

v.5.3
Background image with bootstrap 4
Bootstrap 4 background image

Author:
Anonymous

10 months ago

1.3k

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

Author:
Anonymous

1 year ago

1.4k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent