🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

The Bootstrap4C provides an alternative stylesheet to the chosen plugin that makes the extended select boxes work with the latest Bootstrap 4 framework.

Bootstrap bootstrap-4 Multiple-Select Select

Documentation

Bootstrap4C

chosen

This is a Fork of alxlit's great stylesheet (https://github.com/alxlit/bootstrap-chosen).

The Bootstrap4C Chosen is a simple Bootstrap 4 styled component for the brilliant Harvest Chosen jQuery plugin (https://github.com/harvesthq/chosen). The component change the default bitmap icons into nice SVG and works better with the Bootstrap 4 variables.

See demo here => https://haubek.github.io

NPM install

npm install bootstrap4c-chosen 

CSS

<link href="path/to/component-chosen.min.css" rel="stylesheet"> 

HTML5 markup

<select id="single" class="form-control form-control-chosen" data-placeholder="Please select...">   <option></option>   <option>Option One</option>   <option>Option Two</option>   <option>Option Three</option> </select> 
<select id="multiple" class="form-control form-control-chosen" data-placeholder="Please select..." multiple>   <option></option>   <option>Option One</option>   <option>Option Two</option>   <option>Option Three</option> </select> 

Javascript

$('.form-control-chosen').chosen(); 

You May Also Like