A checkbox is a very basic necessary element of online form. Here we listed some good examples of handcrafted and beautiful custom bootstrap checkbox examples with a demo link, also we include touch-friendly, pure CSS and fancy checkbox.
Bootstrap Checkbox Style

CSS3 Checkbox Styles

Different checkbox styles with silver buttons
  • Author Name:
    Brad Bodine
  • Code:
    Demo / Code Link
  • Using:
    HTML-CSS
  • Dependencies:
    N/A
  • Browser Compatibility:
    Chrome, Safari, Firefox, Edge
  • Responsive:
    Yes
Bootstrap Checkbox Style

Custom checkboxes with CSS only

Animated custom checkboxes using :checked in CSS
  • Author Name:
    Geoffrey Crofte
  • Code:
    Demo / Code Link
  • Using:
    HTML-CSS
  • Dependencies:
    N/A
  • Browser Compatibility:
    Chrome, Safari, Firefox, Edge
  • Responsive:
    Yes
Bootstrap Checkbox Style

Bootstrap 4 Custom Controls

Animated checkboxes using bootstrap 4
  • Author Name:
    Jyoti Pathania
  • Code:
    Demo / Code Link
  • Using:
    HTML-CSS
  • Dependencies:
    Bootstrap
  • Browser Compatibility:
    Chrome, Safari, Firefox, Edge
  • Responsive:
    Yes
Bootstrap Checkbox Style

Pure css Bootstrap checkbox

Hide the pure css checkbox and use a pseudo-element to make a fake checkbox.
  • Author Name:
    GP Gooiker
  • Code:
    Demo / Code Link
  • Using:
    HTML-CSS
  • Dependencies:
    Bootstrap
  • Browser Compatibility:
    Chrome, Safari, Firefox, Edge
  • Responsive:
    Yes
Bootstrap Checkbox Style

Bootstrap Checkbox + Radio Styles

Fancy checkbox with different colors.
  • Author Name:
    Dale Nguyen
  • Code:
    Demo / Code Link
  • Using:
    HTML-CSS
  • Dependencies:
    Bootstrap
  • Browser Compatibility:
    Chrome, Safari, Firefox, Edge
  • Responsive:
    Yes
Bootstrap Checkbox Style

Pure CSS custom checkboxes

Custom checkboxes with no images
  • Author Name:
    Glen Cheney
  • Code:
    Demo / Code Link
  • Using:
    HTML-CSS
  • Dependencies:
    N/A
  • Browser Compatibility:
    Chrome, Safari, Firefox, Edge
  • Responsive:
    Yes
Bootstrap Checkbox Style

Awesome checkbox and Radio - Bootstrap 4

Checkbox and Radio based on Bootstrap 4.
  • Author Name:
    Daniel Prundeanu
  • Code:
    Demo / Code Link
  • Using:
    HTML-CSS
  • Dependencies:
    Bootstrap
  • Browser Compatibility:
    Chrome, Safari, Firefox, Edge
  • Responsive:
    Yes
Bootstrap Checkbox Style

Bootstrap 3.x Custom Radio and Checkbox

CSS custom radio and checkbox using Bootstrap 3.x. and Font Awesome.
  • Author Name:
    Dwi
  • Code:
    Demo / Code Link
  • Using:
    HTML-CSS
  • Dependencies:
    Bootstrap
  • Browser Compatibility:
    Chrome, Safari, Firefox, Edge
  • Responsive:
    Yes
Bootstrap Checkbox Style

Bootstrap Animated Checkbox

Animated checkbox using bootstrap 3.
  • Author Name:
    Daniel Flores
  • Code:
    Demo / Code Link
  • Using:
    HTML-CSS
  • Dependencies:
    Bootstrap
  • Browser Compatibility:
    Chrome, Safari, Firefox, Edge
  • Responsive:
    Yes
Bootstrap Checkbox Style

Bootstrap 4 Custom Checkboxes

Simple checkbox using bootstrap 4.
  • Author Name:
    cristina
  • Code:
    Demo / Code Link
  • Using:
    HTML-CSS
  • Dependencies:
    Bootstrap
  • Browser Compatibility:
    Chrome, Safari, Firefox, Edge
  • Responsive:
    Yes
Bootstrap Checkbox Style

Touch Friendly Bootstrap Radio buttons and Checkboxes

This uses standard radio buttons and checkboxes, but adds font icons for flexibility in considering touch devices that need a larger area. One can touch the icon or the label to select. This method places two different icons in the HTML, and just shows or hides the proper icon based on selection.
  • Author Name:
    Brian Sassaman
  • Code:
    Demo / Code Link
  • Using:
    HTML-CSS
  • Dependencies:
    N/A
  • Browser Compatibility:
    Chrome, Safari, Firefox, Edge
  • Responsive:
    Yes
Bootstrap Checkbox Style

Fancy Bootstrap Checkboxes

Fancy checkbox using bootstrap 3.3.7
  • Author Name:
    Balaji
  • Code:
    Demo / Code Link
  • Using:
    HTML-CSS
  • Dependencies:
    Bootstrap
  • Browser Compatibility:
    Chrome, Safari, Firefox, Edge
  • Responsive:
    Yes
Bootstrap Checkbox Style

Pure CSS Custom Checkbox

Custom Checkbox made from pure CSS.
  • Author Name:
    Nikko Aboy
  • Code:
    Demo / Code Link
  • Using:
    HTML-CSS
  • Dependencies:
    N/A
  • Browser Compatibility:
    Chrome, Safari, Firefox, Edge
  • Responsive:
    Yes