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

Related Articles

  1. CSS Select Boxes
  2. jQuery Select Boxes
Demo image: Simplified jQuery Select2 Multiselect

Author

  • JINKA RANGA BHARATH

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

Author

  • rokr

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

Author

  • rokr

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

Author

  • rokr

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

Author

  • rokr

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

Author

  • rokr

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

Author

  • rokr

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

Author

  • rokr

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

Author

  • rokr

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

Author

  • rokr

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

Author

  • rokr

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

Author

  • rokr

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

Demo image: Bootstrap 4 Select2 Option

Author

  • BBBootstrap Team

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

Author

  • Ask SNB

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

Author

  • Ondrej

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

Author

  • DonnaTelloo

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

Author

  • Tom Doe

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

Author

  • Tohidul islam

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

Demo image: DashboardCode Multiselect Plugin for Bootstrap 5

Author

  • DashboardCode

Made with

  • HTML / CSS / JS

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

Author

  • Craig Wheeler

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

Author

  • Bruce Hsu

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

Author

  • victor-valencia

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

Author

  • prateek

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

Demo image: Bootstrap Multiselect

Author

  • David Stutz

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