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. [Utility &amp; Helpers](/categories/utility)
4. /
5. thatsus/select2-bootstrap-css

ActiveLibrary[Utility &amp; Helpers](/categories/utility)

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 1w 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 61% 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

3854d 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)
```

###  Alternatives

[pid/speakingurl

Generate of so called 'static' or 'Clean URL' or 'Pretty URL' or 'nice-looking URL' or 'Speaking URL' or 'user-friendly URL' or 'SEO-friendly URL' or 'slug' from a string.

1.1k5.4k1](/packages/pid-speakingurl)[kunstmaan/seo-bundle

Annotating content with metadata for social sharing and seo purposes cannot be overlooked nowadays. The KunstmaanSeoBundle contains default editing functionality for OpenGraph data, meta descriptions, keywords and titles and Metriweb tags. Because the metatagging and tracking options are always changing, a free field to add custom header information is provided as well.

28132.7k2](/packages/kunstmaan-seo-bundle)

PHPackages © 2026

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