→ 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

596

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

Credit cards bootstrap 5
credit cards design made with Bootstrap 5

Author:
Ankit khedkar

7 months ago

979

v.5.3
Steps Section
How it works section

Author:
Ankit khedkar

7 months ago

539

v.5.3
Bootstrap 5.3 Testimonial Card Component

Author:
Levi Treadwell

2 months ago

246

v.5.3
Timer with bootstrap

Author:
Anonymous

2 months ago

526

v.5.3
Accordion example with Bootstrap 5.3
accordion with animation

Author:
Anonymous

3 weeks ago

472

v.5.3
Sign in with Google

Author:
Juan Martinez

7 months ago

2.2k

v.5.3
Outlined Buttons with Animated Hover

Author:
Prajwal Hallale

11 months ago

428

v.5.3
Clean Commerce Cart Design
A sleek shopping cart interface with quantity controls and real-time order summary

Author:
Mason Ashford

3 months ago

1.4k

v.5.3
Button group
solid button group

Author:
Mishti

10 months ago

398

v.5.3
Bootstrap Product Card

Author:
Anonymous

7 months ago

928

v.5.3
HTML and Bootstrap for Registration Form
HTML: Personal Information Section: Includes fields for full name, email, date of birth, bio, and profile image. Company Information Section: Includes fields for company name, company size (using a dropdown), and location. Submit Button: A button to submit the form. CSS: Background Gradient: Applied to the body. Card Styling: Styled with rounded corners and padding. Button Styling: Custom colors for the submit button. Validation Styling: Highlight invalid fields and display error messages. JavaScript: Validation Logic: Checks if required fields are filled and updates the feedback area with error or success messages. Dynamic Feedback: Updates the form with success or error messages based on validation.

Author:
zobaidul kaziex

5 months ago

3.3k

v.4.6
Gradient Hero Section
A visually stunning hero section with a gradient background and a call-to-action button.

Author:
Prajwal Hallale

11 months ago

1.3k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent