→ 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.5k

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

Animated Radio Buttons

Author:
Arturo

6 months ago

783

v.5.3
Card Layout
Using masonry in cards layout

Author:
almounkez

6 months ago

2.4k

v.5.3
Contact us form with map

Author:
karia

1 year ago

11.2k

v.5.3
Newsletter section

Author:
Anonymous

11 months ago

1.5k

v.4.6
Contact us form

Author:
Anonymous

1 year ago

5.9k

v.4.6
Product Card
Card diseñada para mostrar productos de forma atractiva y ordenada, inspirada en Mercado Libre. Incluye imagen fija, título uniforme, precio anterior tachado, precio actual con descuento y etiquetas promocionales como "Envío gratis". Incorpora un efecto hover con sombra acentuada y usa clases CSS para fácil integración y mantenimiento.

Author:
Facundo Banegaz

4 months ago

586

v.4.6
Bootstrap 5 chat template

Author:
Andreas Müller

11 months ago

1.7k

v.5.3
Responsive video container

Author:
Anonymous

11 months ago

794

v.4.6
Interactive Data Visualization Dashboard

Author:
Ross Wille

10 months ago

1.9k

v.5.3
Coming Soon Landing Page

Author:
Anonymous

9 months ago

1.8k

v.5.3
Beautiful Spinners made with Bootstrap 5
collection of loading spinners

Author:
Anonymous

1 year ago

1.4k

v.5.3
Customer testimonials
modern and clean customer review section

Author:
Anonymous

7 months ago

1.6k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent