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
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

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
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

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
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: -
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: -
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
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
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
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
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
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
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