PHPackages                             thatsus/select2-bootstrap-css - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. thatsus/select2-bootstrap-css

ActiveLibrary

thatsus/select2-bootstrap-css
=============================

2.1(10y ago)0132CSS

Since Jan 26Pushed 10y ago3 watchersCompare

[ Source](https://github.com/thatsus/select2-bootstrap-css)[ Packagist](https://packagist.org/packages/thatsus/select2-bootstrap-css)[ RSS](/packages/thatsus-select2-bootstrap-css/feed)WikiDiscussions bootstrap3 Synced 2mo ago

READMEChangelog (2)DependenciesVersions (3)Used By (0)

[select2-bootstrap-css](https://github.com/t0m/select2-bootstrap-css),
forked for Bootstrap 3.

Demonstrations available at

Tested with Bootstrap v3.3.2 and Select2 v3.3.2, v3.4.1-v3.4.5, v3.5.1, v3.5.2, master
in latest Chrome, Safari, Firefox, Opera (Mac) and IE8-IE10.

##### Install

[](#install)

- [Bower](http://bower.io/): `bower install select2-bootstrap-css`
- [npm](http://npmjs.org/): `npm install select2-bootstrap-css`

##### Known issues

[](#known-issues)

- box-shadow for .select2-search input do not fit Bootstrap's defaults
- the Select2 dropdown could inherit look-and-feel from Bootstrap dropdowns and/or could honor Bootstrap height sizing classes
- checkboxes and radio-buttons in "Bootstrap input groups" could be vertically aligned to the top (instead of center) if combined with a multi Select2 to address variable height of the Select2 container

##### Changelog

[](#changelog)

###### v1.4.6

[](#v146)

- Fix wrong version number in distribution sources.

###### v1.4.5

[](#v145)

- Built on Bootstrap 3 v3.3.2 and corresponding bootstrap-sass.

###### v1.4.4

[](#v144)

- Don't hardcode :focus box-shadow colour ([\#58](https://github.com/t0m/select2-bootstrap-css/issues/58)).

###### v1.4.3

[](#v143)

- Removed gradient for `.select2-dropdown-open.select2-drop-above [class^="select2-choice"]` in IE &lt;= 9; really fixes [\#35](https://github.com/t0m/select2-bootstrap-css/issues/35).

###### v1.4.2

[](#v142)

- Removed box-shadow for `.select2-container.form-control` (inherited from Bootstrap's `.form-control`).
- Fixed [\#35](https://github.com/t0m/select2-bootstrap-css/issues/35).
- Removed border-left for `.select2-arrow` ([\#36](https://github.com/t0m/select2-bootstrap-css/issues/36)).
- Built on Bootstrap 3 v3.3.1 and corresponding bootstrap-sass.
- Bower components now live in the default "bower\_components" folder; ditched grunt-jekyll in favor of grunt-shell.
- Updated grunt plugins.

###### v1.4.1

[](#v141)

- Fixed border-radii for `.select2-dropdown-open.select2-drop-above` (as reported by @rzschech in [t0m#24 (comment)](https://github.com/t0m/select2-bootstrap-css/issues/24#issuecomment-37683695), [t0m#24 (comment)](https://github.com/t0m/select2-bootstrap-css/issues/24#issuecomment-37688176)) and `.select2-dropdown in "Bootstrap input groups with addons".
- Fixed an issue where using Select2 pre v3.4.2 in combination with Bootstrap v3.2.0 and when using Select2 in a "Bootstrap Input Group with Addons" context would result in the original `` element not being hidden.
- Removed trailing comma in bower.json.

###### v1.4.0

[](#v140)

- First version built on Twitter Bootstrap v3.2.0.
- [Fixes](https://github.com/t0m/select2-bootstrap-css/compare/v1.3.1...v1.4.0#diff-c3edd22c1ff48e2129219a4de833349dL87) a bug inherited from Twitter Bootstrap by using its variables which in IE8-IE10 and Firefox caused Select2 widgets in "Bootstrap input groups with radio/checkbox addon" and `.input-lg` size modifier to be 1px off in height (Bootstrap 3's "input group sizing"-demo at  behaved the same for Bootstrap v3.0.0).
- Updates UI [component colors](https://github.com/t0m/select2-bootstrap-css/compare/v1.3.1...v1.4.0#diff-c3edd22c1ff48e2129219a4de833349dL224).

###### v1.3.1

[](#v131)

- Added `main` and `dependencies` section to bower.json.

###### v1.3.0

[](#v130)

- First tagged version of the bootstrap3 branch (as requested in [t0m#30](https://github.com/t0m/select2-bootstrap-css/issues/30)).

##### Credits

[](#credits)

Original [select2-bootstrap-css](https://github.com/t0m/select2-bootstrap-css) for Bootstrap 2 by [Tom Terrace](https://github.com/t0m) ([@tterrace](https://twitter.com/tterrace)).

##### Contributing

[](#contributing)

The project offers [Less](http://lesscss.org/) and [Sass](http://sass-lang.com/) sources for building `select2-bootstrap.css`; both make use of variables from either [Bootstrap](https://github.com/twbs/bootstrap) (Less) or [Bootstrap for Sass](https://github.com/twbs/bootstrap-sass). The demo pages are built using [Jekyll](http://jekyllrb.com/) and there are a bunch of [Grunt](http://gruntjs.com/) tasks to ease development.

With [Ruby](https://www.ruby-lang.org/en/downloads/) and [RubyGems](http://rubygems.org/pages/download), [Jekyll](http://jekyllrb.com/), [Bower](http://bower.io/), [node.js](http://nodejs.org/), [Less](http://lesscss.org/) and [Sass](http://sass-lang.com/) installed, run

```
npm install && bower install

```

to install all necessary development dependencies.

- `grunt copy` copies assets from `components` to `_jekyll` – use this in case a new version of Twitter Bootstrap or Select2 are out and need to be tested
- `grunt build` builds `docs`
- `grunt serve` builds `docs` and serves them via Jekyll's `--watch` flag on
- `grunt watch` watches for changes in `lib/select2-bootstrap.scss` ([livereload](https://github.com/gruntjs/grunt-contrib-watch#optionslivereload) is enabled)

Develop in `lib/select2-bootstrap.scss` test your changes using `grunt watch` and `grunt serve`. Ideally, port your changes to `lib/select2-bootstrap.less` and make sure tests are passing to verify that Less and Sass compile down to the target CSS via `npm test`.

###### Contributors

[](#contributors)

- [Juri Strumpflohner](https://github.com/juristr) ([@juristr](https://twitter.com/juristr)) – [adding missing display:block](https://github.com/fk/select2-bootstrap-css/pull/1)

###  Health Score

30

—

LowBetter than 64% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity10

Limited adoption so far

Community16

Small or concentrated contributor base

Maturity64

Established project with proven stability

 Bus Factor2

2 contributors hold 50%+ of commits

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~0 days

Total

2

Last Release

3764d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/dc432bad0d4010ecab94ca498f4613e6bd7273668995565c15fd8a1cbcabf205?d=identicon)[rlambertsen](/maintainers/rlambertsen)

---

Top Contributors

[![michaek](https://avatars.githubusercontent.com/u/155459?v=4)](https://github.com/michaek "michaek (46 commits)")[![t0m](https://avatars.githubusercontent.com/u/144980?v=4)](https://github.com/t0m "t0m (28 commits)")[![yuripc](https://avatars.githubusercontent.com/u/3265299?v=4)](https://github.com/yuripc "yuripc (16 commits)")[![nickl-](https://avatars.githubusercontent.com/u/1404606?v=4)](https://github.com/nickl- "nickl- (2 commits)")[![ahacking](https://avatars.githubusercontent.com/u/1037460?v=4)](https://github.com/ahacking "ahacking (2 commits)")[![fredwu](https://avatars.githubusercontent.com/u/31945?v=4)](https://github.com/fredwu "fredwu (2 commits)")[![juristr](https://avatars.githubusercontent.com/u/542458?v=4)](https://github.com/juristr "juristr (2 commits)")[![mchapman17](https://avatars.githubusercontent.com/u/710653?v=4)](https://github.com/mchapman17 "mchapman17 (1 commits)")[![AntoineArexo](https://avatars.githubusercontent.com/u/2922928?v=4)](https://github.com/AntoineArexo "AntoineArexo (1 commits)")

### Embed Badge

![Health badge](/badges/thatsus-select2-bootstrap-css/health.svg)

```
[![Health](https://phpackages.com/badges/thatsus-select2-bootstrap-css/health.svg)](https://phpackages.com/packages/thatsus-select2-bootstrap-css)
```

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
