Collection of free Bootstrap multiselect box code examples. Update of October 2020 collection. 15 new items.
Related Articles

Links
Made with
- HTML / CSS / JS
About a code
Simplified jQuery Select2 Multiselect
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: select2.css, jquery.js, select2.js popper.js, handlebars.js
Bootstrap version: 4.5.0
Links
Made with
- HTML / CSS / JS
About a code
Multiselect #20
With this expansive free three multiselect dropdown categories, you can distribute items conveniently for your user’s quick selection.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: icomoon.css, chosen.css, jquery.js, bootstrap-select.js
Bootstrap version: 4.3.1
Links
Made with
- HTML / CSS / JS
About a code
Multiselect #19
This free fancy multiselect snippet comes with no boundaries, making sure everyone gets the most out of it.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: icomoon.css, chosen.css, jquery.js, bootstrap-select.js
Bootstrap version: 4.3.1
Links
Made with
- HTML / CSS / JS
About a code
Multiselect #17
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: icomoon.css, bootstrap-select.css, jquery.js, bootstrap-select.js
Bootstrap version: 4.3.1
Links
Made with
- HTML / CSS / JS
About a code
Multiselect #15
A minimal free state multiselect dropdown snippet that helps increase your app’s user experience.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: icomoon.css, jquery.js, jquery.multiselect.js
Bootstrap version: 4.3.1
Links
Made with
- HTML / CSS / JS
About a code
Multiselect #14
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: icomoon.css, jquery.js, jquery.multiselect.js
Bootstrap version: 4.3.1
Links
Made with
- HTML / CSS / JS
About a code
Multiselect #10
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css, jquery.js, lodash.js
Bootstrap version: 4.3.1
Links
Made with
- HTML / CSS / JS
About a code
Multiselect #09
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css, jquery.js, bootstrap-multiselect.js
Bootstrap version: 4.3.1
Links
Made with
- HTML / CSS / JS
About a code
Multiselect #07
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css, jquery.js, bootstrap-multiselect.js
Bootstrap version: 4.3.1
Links
Made with
- HTML / CSS / JS
About a code
Multiselect #05
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css, jquery.js, bootstrap-multiselect.js
Bootstrap version: 4.3.1
Links
Made with
- HTML / CSS / JS
About a code
Multiselect #02
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css, jquery.js, bootstrap-multiselect.js
Bootstrap version: 4.3.1
Links
Made with
- HTML / CSS / JS
About a code
Multiselect #01
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css, jquery.js, bootstrap-multiselect.js
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: select2.css, select2.js, jquery.js
Bootstrap version: 4.0.0
Links
Made with
- HTML / CSS / JS
About a code
Bootstrap 4 Multiselect Dropdown List
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Bootstrap version: 4.3.1
Links
Made with
- HTML / CSS / JS
About a code
Bootstrap Multiselect Dropdown
This solution can nicely replace the native select element with multiple choices or a list of checkboxes.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css, bootstrap-select.css, jquery.js, bootstrap-select.js
Bootstrap version: 4.3.1
Links
Made with
- HTML (Pug) / CSS / JS
About a code
Bootstrap Multiselect
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: multi-select.css, jquery.js, jquery.multi-select.js
Bootstrap version: 3.3.7
Links
Made with
- HTML / CSS / JS
About a code
jQuery Multiselect Filter
An overlay shows each picture's details. Select filter to apply, click again to remove. Click more than one filter to apply multiple filters. "All Projects" resets the filter and shows all items.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js, popper.js
Bootstrap version: 4.1.3
Links
Made with
- HTML / CSS / JS
About a code
Bootstrap Select with Live Search
Bootstrap live search, input search, search, select box with search.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: bootstrap-select.css, bootstrap-select.js, jquery.js
Bootstrap version: 3.3.4

About a code
DashboardCode Multiselect Plugin for Bootstrap 5
BsMultiselect is "multiselect input" plugin that reuses your Bootstrap 4 theme and doesn't bring its own css (unless you would like to add it).
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: bsmultiselect.css, bsmultiselect.js
Bootstrap version: 4.0.0 - 5.0.0
Links
Made with
- HTML / CSS (SCSS) / JS (Babel)
About a code
Bootstrap Multiselect Dropdown
Bootstrap-multiselect dropdown component used to download multiple files.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js, bootstrap-multiselect.js
Bootstrap version: 3.3.7
Links
Made with
- HTML / CSS / JS
About a code
Bootstrap MultiSelect
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: bootstrap-multiselect.css, bootstrap-multiselect.js, jquery.js
Bootstrap version: 3.3.4
Links
Made with
- HTML / CSS / JS
About a code
Bootstrap Multiselect with Icons
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Bootstrap version: 3.0.0
Links
Made with
- HTML / CSS / JS
About a code
Bootstrap Multi Select Tiled Layout
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Bootstrap version: 3.0.0

Links
Made with
- HTML / CSS / JS
About a code
Bootstrap Multiselect
jQuery multiselect plugin based on Twitter Bootstrap.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: bootstrap-multiselect.css, bootstrap-multiselect.js
Bootstrap version: 4.5.2