HEADER

LAYOUT

Select2 Bootstrap Integrating

Select2 gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options. For more info please check out
the official documentation.

To let the Select2 widget know if any elements are directly being appended, prepended or both in the context of a
Bootstrap Input Group, add .select2-bootstrap-prepend and/or .select2-bootstrap-append to the .input-group wrapper element to address Select2's corresponding border-radii.

Why are some Select2's not scaled?

While .select2-container--bootstrap.input-sm and .select2-container--bootstrap.input-lg work as advertised, Select2 4 currently does not offer copying CSS classes from the original
<select> element in an easy way like version 3.x did. Click the button for a demo setting the required classes on .select2-container--bootstrap: