PHPackages                             silverfire/select2-bootstrap3-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. silverfire/select2-bootstrap3-css

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

silverfire/select2-bootstrap3-css
=================================

Bootstrap3 theme for select2 plugin

1.5.0(11y ago)352.7k11CSS

Since May 25Pushed 11y ago1 watchersCompare

[ Source](https://github.com/SilverFire/select2-bootstrap3-css)[ Packagist](https://packagist.org/packages/silverfire/select2-bootstrap3-css)[ Docs](https://github.com/SilverFire/select2-bootstrap3-css)[ RSS](/packages/silverfire-select2-bootstrap3-css/feed)WikiDiscussions master Synced today

READMEChangelog (1)DependenciesVersions (2)Used By (1)

This is a fork of [select2-bootstrap-css](https://github.com/t0m/select2-bootstrap-css/tree/bootstrap3). Branch `master` was replaced with `bootstrap3` to make composer work without `dev` prefix
==================================================================================================================================================================================================

[](#this-is-a-fork-of-select2-bootstrap-css-branch-master-was-replaced-with-bootstrap3-to-make-composer-work-without-dev-prefix)

[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

36

—

LowBetter than 79% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity31

Limited adoption so far

Community19

Small or concentrated contributor base

Maturity63

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

Unknown

Total

1

Last Release

4058d ago

### Community

Maintainers

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

---

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)")[![SilverFire](https://avatars.githubusercontent.com/u/4499203?v=4)](https://github.com/SilverFire "SilverFire (3 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)")[![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)")[![AntoineArexo](https://avatars.githubusercontent.com/u/2922928?v=4)](https://github.com/AntoineArexo "AntoineArexo (1 commits)")[![mchapman17](https://avatars.githubusercontent.com/u/710653?v=4)](https://github.com/mchapman17 "mchapman17 (1 commits)")

---

Tags

bootstrapstylesselect2

### Embed Badge

![Health badge](/badges/silverfire-select2-bootstrap3-css/health.svg)

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

###  Alternatives

[ttskch/select2-bootstrap4-theme

Select2 v4 theme for Bootstrap4

43525.7k2](/packages/ttskch-select2-bootstrap4-theme)[kartik-v/yii2-widget-datepicker

Enhanced Yii2 wrapper for the bootstrap datepicker plugin (sub repo split from yii2-widgets).

1177.3M63](/packages/kartik-v-yii2-widget-datepicker)[kartik-v/yii2-widget-datetimepicker

Enhanced Yii2 wrapper for the bootstrap datetimepicker plugin (sub repo split from yii2-widgets)

1146.8M49](/packages/kartik-v-yii2-widget-datetimepicker)[kartik-v/yii2-widget-timepicker

Enhanced Yii2 wrapper for the bootstrap timepicker plugin (sub repo split from yii2-widgets)

445.2M14](/packages/kartik-v-yii2-widget-timepicker)[romdim/yii2-bootstrap-material

Composer package for implementing FezVrasta's bootstrap material design in Yii2.

2010.9k3](/packages/romdim-yii2-bootstrap-material)[bostondv/bootstrap-ninja-forms

Adds Bootstrap classes to Ninja Forms

222.2k](/packages/bostondv-bootstrap-ninja-forms)

PHPackages © 2026

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