PHPackages intelogie/select2-bootstrap-theme - 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 & Helpers](/categories/utility) 4. / 5. intelogie/select2-bootstrap-theme ActiveLibrary[Utility & Helpers](/categories/utility) intelogie/select2-bootstrap-theme ================================= 0790CSS Since Jul 31Pushed 9y ago1 watchersCompare [ Source](https://github.com/INTELOGIE/select2-bootstrap-theme)[ Packagist](https://packagist.org/packages/intelogie/select2-bootstrap-theme)[ RSS](/packages/intelogie-select2-bootstrap-theme/feed)WikiDiscussions master Synced yesterday READMEChangelogDependenciesVersions (1)Used By (0) A [Select2](https://select2.github.io/) v4 [Theme](https://select2.github.io/examples.html#themes) for Bootstrap 3 [![select2-bootstrap-theme version](https://camo.githubusercontent.com/aa8e020e2fa48890147a1b8852430fc419e0e093e2dbbda5dc71bc59e2da165e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f73656c656374322d2d626f6f7473747261702d2d7468656d652d76302e312e302d2d626574612e382d627269676874677265656e2e737667)](https://camo.githubusercontent.com/aa8e020e2fa48890147a1b8852430fc419e0e093e2dbbda5dc71bc59e2da165e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f73656c656374322d2d626f6f7473747261702d2d7468656d652d76302e312e302d2d626574612e382d627269676874677265656e2e737667)[![License](https://camo.githubusercontent.com/21f3cebee76997ca37449f6d03ea07602cff1219e89897b00c8c99bb523db26c/687474703a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4d49542d626c75652e737667)](http://opensource.org/licenses/MIT) Demonstrations available at [select2.github.io/select2-bootstrap-theme](http://select2.github.io/select2-bootstrap-theme/) ##### Compatibility [](#compatibility) Tested with Bootstrap v3.3.6 and Select2 v4.0.3 in latest Chrome, Firefox and Safari (Mac) and Internet Explorer 11 and 10. ##### Installation [](#installation) You can [download select2-bootstrap-theme from this GitHub repo](https://github.com/select2/select2-bootstrap-theme/releases), install it using Bower or npm, or source it directly from CDNJS. ###### Install using Bower or npm [](#install-using-bower-or-npm) You may install select2-bootstrap-theme with [Bower](https://bower.io/) or [npm](https://www.npmjs.com/): ``` // Bower bower install select2-bootstrap-theme // npm npm install select2-bootstrap-theme ``` ###### Source select2-bootstrap-theme from CDNJS [](#source-select2-bootstrap-theme-from-cdnjs) select2-bootstrap-theme [is also available on CDNJS](https://cdnjs.com/libraries/select2-bootstrap-theme/). ##### Usage [](#usage) The Select2 Bootstrap Theme only works with Select2 v4.x. Applying the theme requires `select2-bootstrap.css` referenced after the default `select2.css` that comes with Select2: ``` ``` To apply the theme, tell Select2 to do so by passing `bootstrap` to the [`theme`](https://select2.github.io/examples.html#themes) option when initializing Select2: ``` $( "#dropdown" ).select2({ theme: "bootstrap" }); ``` ##### Changelog [](#changelog) ###### 0.1.0-beta.8 [](#010-beta8) - Fixed bower.jsons "main" field \[[\#45](https://github.com/select2/select2-bootstrap-theme/pull/45)\]. - Do no re-assign the `$form-control-default-box-shadow`, `$form-control-focus-box-shadow`, and `$form-control-transition` Sass variables if they are already assigned \[[\#45](https://github.com/select2/select2-bootstrap-theme/pull/45)\]. ###### 0.1.0-beta.7 [](#010-beta7) - Fixed version number in distribution files. ###### 0.1.0-beta.6 [](#010-beta6) - Fixed a bug where math would not compile correctly in Less v2.6.0 \[[\#36](https://github.com/select2/select2-bootstrap-theme/pull/36)\]. - Fixed version number for Bower and NPM. - Docs: Updated AnchorJS to latest version. ###### 0.1.0-beta.5 [](#010-beta5) - Updated all development dependencies. - Added Browsersync, Autoprefixer (as required by bootstrap-sass) and scss2less to the build process. - Built on Bootstrap 3 v3.3.6 and corresponding bootstrap-sass. - Rewrote the sizing class CSS to work with `containerCssClass` option available with the full Select2 build. \[[\#34](https://github.com/select2/select2-bootstrap-theme/issues/34)\] - Added copyright and license information. \[[\#43](https://github.com/select2/select2-bootstrap-theme/issues/43)\] ###### 0.1.0-beta.4 [](#010-beta4) - Added missing styles for `.select2-container--focus`. \[[\#18](https://github.com/select2/select2-bootstrap-theme/issues/18)\] - Added support for Bootstrap's [`.form-inline`](http://getbootstrap.com/css/#forms-inline). \[[\#13](https://github.com/select2/select2-bootstrap-theme/pull/13)\] - Added basic styles for `.select2-selection__clear` in `.select2-selection--multiple`. \[[\#11](https://github.com/select2/select2-bootstrap-theme/issues/11)\] - Brought Less source in line with the Sass version and fixed Less patch file and test. \[[3e86f34](https://github.com/select2/select2-bootstrap-theme/commit/3e86f34f6c94302cd8b4d6c3d751c5fb70fe61f6)\] ###### 0.1.0-beta.3 [](#010-beta3) - Fixed specifity problems with `.form-control.select2-hidden-accessible`. ###### 0.1.0-beta.2 [](#010-beta2) - Added Less version. ###### 0.1.0-beta.1 [](#010-beta1) ##### 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 `src/select2-bootstrap.scss` ([livereload](https://github.com/gruntjs/grunt-contrib-watch#optionslivereload) is enabled) Develop in `src/select2-bootstrap.scss` and 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`. `grunt scss2less` helps in converting the Sass source to its Less counterpart (and overwrites the existing `src/select2-bootstrap.less`), but doesn't do the full job – please review the changes to the Less source file and make the necessary adjustments. ##### Copyright and license [](#copyright-and-license) The license is available within the repository in the [LICENSE](LICENSE) file. ### Health Score 23 — LowBetter than 26% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity14 Limited adoption so far Community12 Small or concentrated contributor base Maturity41 Maturing project, gaining track record 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. ### Community Maintainers ![](https://www.gravatar.com/avatar/8cd960536c07e255b2e6f7e55c03c6d09274b215ccceaccc38926ffe03e098a7?d=identicon)[bgauthier](/maintainers/bgauthier) --- Top Contributors [![fk](https://avatars.githubusercontent.com/u/21834?v=4)](https://github.com/fk "fk (3 commits)")[![bgauthier](https://avatars.githubusercontent.com/u/1789355?v=4)](https://github.com/bgauthier "bgauthier (1 commits)")[![codymullins](https://avatars.githubusercontent.com/u/1738479?v=4)](https://github.com/codymullins "codymullins (1 commits)")[![kalidema](https://avatars.githubusercontent.com/u/8334931?v=4)](https://github.com/kalidema "kalidema (1 commits)")[![kevin-brown](https://avatars.githubusercontent.com/u/1991850?v=4)](https://github.com/kevin-brown "kevin-brown (1 commits)") ### Embed Badge ![Health badge](/badges/intelogie-select2-bootstrap-theme/health.svg) ``` [![Health](https://phpackages.com/badges/intelogie-select2-bootstrap-theme/health.svg)](https://phpackages.com/packages/intelogie-select2-bootstrap-theme) ``` PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)