Collection of free Bootstrap select box code examples: dropdown select, selectpicker, select option, custom select, form select, etc. Update of October 2020 collection. 3 new items.

Related Articles

  1. CSS Select Boxes
  2. jQuery Select Boxes
  3. Tailwind Select Boxes

Author

  • Ondrej

Links

Made with

  • HTML / CSS / JS

About a code

Bootstrap Autocomplete Dropdown

Customizing lightweight choices.js JS plugin to create a beautiful Bootstrap autocomplete dropdown menu.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: choices.css, choices.js

Bootstrap version: 5.0.0

Demo image: Bootstrap 5 Dropdown Select Option

Author

  • BBBootstrap Team

Links

Made with

  • HTML / CSS

About a code

Bootstrap 5 Dropdown Select Option

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 5.0.0

Author

  • Ask SNB

Links

Made with

  • HTML / CSS / JS

About a code

Bootstrap 4 Custom Style Select Box

Bootstrap 4 custom style select box with pure CSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.3.1

Demo image: Bootstrap 4 Select2 Option

Author

  • BBBootstrap Team

Links

Made with

  • HTML / CSS / JS

About a code

Bootstrap 4 Select2 Option

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 4.0.0

Author

  • Ankit Hingarajiya

Links

Made with

  • HTML / CSS / JS

About a code

Bootstrap Selectpicker without Bootstrap

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: bootstrap-select.css, jquery.js, bootstrap-select.js

Bootstrap version: -

Author

  • SnapAppointments

Links

Made with

  • HTML / CSS / JS

About a code

Bootstrap Select

The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 4 support.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootstrap-select.css, jquery.js, bootstrap-select.js

Bootstrap version: -

Author

  • btn.ninja

Links

Made with

  • HTML / CSS / JS

About a code

Bootstrap Select Box

Fix the select box by using a Bootstrap dropdown with radio buttons.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: ninja-addons.css, jquery.js

Bootstrap version: 4.0.0

Author

  • knapphboe

Links

Made with

  • HTML / CSS / JS

About a code

Bootstrap Dynamic Select Dropdown

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 4.0.0

Author

  • Caleb

Links

Made with

  • HTML / CSS / JS

About a code

Styling Bootstrap Select

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: bootstrap-select.css, jquery.js, bootstrap-select.js

Bootstrap version: 3.3.7

Author

  • Sathya

Links

Made with

  • HTML / CSS / JS

About a code

Bootstrap Untitled Select

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 3.3.5

Author

  • Alex Carter

Links

Made with

  • HTML / CSS / JS

About a code

Flagstrap

A lightwieght jQuery plugin for creating Bootstrap 3 compatible country select boxes with flags.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.flagstrap.css, jquery.js, jquery.flagstrap.js

Bootstrap version: 3.3.1

Author

  • rasheedbhutto

Links

Made with

  • HTML / CSS / JS

About a code

Bootstrap Fancy Select

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 3.3.0

Author

  • varevirus

Links

Made with

  • HTML / CSS / JS

About a code

Bootstrap Select Box

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 3.0.0