PHPackages                             ttskch/select2-bootstrap4-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. ttskch/select2-bootstrap4-theme

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

ttskch/select2-bootstrap4-theme
===============================

Select2 v4 theme for Bootstrap4

1.5.2(5y ago)43424.6k↓20%195[14 issues](https://github.com/ttskch/select2-bootstrap4-theme/issues)[7 PRs](https://github.com/ttskch/select2-bootstrap4-theme/pulls)2MITSCSS

Since Jan 28Pushed 3y ago12 watchersCompare

[ Source](https://github.com/ttskch/select2-bootstrap4-theme)[ Packagist](https://packagist.org/packages/ttskch/select2-bootstrap4-theme)[ Fund](https://www.paypal.com/paypalme/ttskch)[ RSS](/packages/ttskch-select2-bootstrap4-theme/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (6)DependenciesVersions (2)Used By (2)

select2-bootstrap4-theme
========================

[](#select2-bootstrap4-theme)

[![npm version](https://camo.githubusercontent.com/9ca4b906258cf18c20bbb3f1b6cc84f14cfe4a97d14adc38ac83f1ee4e79713e/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f407474736b63682f73656c656374322d626f6f747374726170342d7468656d652e7376673f7374796c653d666c61742d737175617265)](https://www.npmjs.com/package/@ttskch/select2-bootstrap4-theme)[![npm](https://camo.githubusercontent.com/f0e5e4ddc5bcbee03236afccbcd2099e560d6a95f85e6cabf7f155b9a9e559f9/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f407474736b63682f73656c656374322d626f6f747374726170342d7468656d653f6c6162656c3d6e706d267374796c653d666c61742d737175617265)](https://www.npmjs.com/package/@ttskch/select2-bootstrap4-theme)[![](https://camo.githubusercontent.com/b9c5d96a9a4c05f164b87d5d23bd889c5f60853086ff3312346d7bab31a7d7c3/68747470733a2f2f646174612e6a7364656c6976722e636f6d2f76312f7061636b6167652f6e706d2f407474736b63682f73656c656374322d626f6f747374726170342d7468656d652f6261646765)](https://www.jsdelivr.com/package/npm/@ttskch/select2-bootstrap4-theme)[![Packagist Version](https://camo.githubusercontent.com/bac0f2c407b3fc247586b0fee33d037f45016030c5868266547c6cb278dc2538/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f7474736b63682f73656c656374322d626f6f747374726170342d7468656d653f7374796c653d666c61742d737175617265)](https://packagist.org/packages/ttskch/select2-bootstrap4-theme)[![Packagist Downloads](https://camo.githubusercontent.com/4fc6875d81d289e2f3d46f4e46a56541ff4473bba62c0f62c0919eef93f99bfb/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f646d2f7474736b63682f73656c656374322d626f6f747374726170342d7468656d653f6c6162656c3d7061636b6167697374267374796c653d666c61742d737175617265)](https://packagist.org/packages/ttskch/select2-bootstrap4-theme)

[Select2](https://github.com/select2/select2) v4 theme for Bootstrap4 (Compatible to boostrap 4.0.0+)

Live demo
---------

[](#live-demo)

👉

Installation
------------

[](#installation)

### CDN

[](#cdn)

```

```

### Manually

[](#manually)

```
# npm
$ npm install @ttskch/select2-bootstrap4-theme

# yarn
$ yarn add @ttskch/select2-bootstrap4-theme

# composer
$ composer require ttskch/select2-bootstrap4-theme
```

```

```

Usage
-----

[](#usage)

```
$('select').select2({
    theme: 'bootstrap4',
});
```

Getting involved
----------------

[](#getting-involved)

1. Fix [src/\_layout.scss](src/_layout.scss), [src/\_single.scss](src/_single.scss) or [src/\_multiple.scss](src/_multiple.scss)
2. Do `npm run build:both`
3. Send me a Pull Request

You can use [docs](docs) dir for your development.

1. Do `npm run prepare` (this creates symlink to `dist/select2-bootstrap4.css` onto `docs`)
2. Serve `docs` with your local web server (e.g. `php -S localhost:8888 -t docs`)
3. Do `npm run watch`
4. Tweak scss and browse demo page on your browser

###  Health Score

40

—

FairBetter than 88% of packages

Maintenance19

Infrequent updates — may be unmaintained

Popularity50

Moderate usage in the ecosystem

Community30

Small or concentrated contributor base

Maturity53

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 88.5% of commits — single point of failure

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

1937d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/4360663?v=4)[Takashi Kanemoto](/maintainers/ttskch)[@ttskch](https://github.com/ttskch)

---

Top Contributors

[![ttskch](https://avatars.githubusercontent.com/u/4360663?v=4)](https://github.com/ttskch "ttskch (100 commits)")[![tagliala](https://avatars.githubusercontent.com/u/556268?v=4)](https://github.com/tagliala "tagliala (7 commits)")[![Matth--](https://avatars.githubusercontent.com/u/5814301?v=4)](https://github.com/Matth-- "Matth-- (1 commits)")[![mgoggin](https://avatars.githubusercontent.com/u/2052785?v=4)](https://github.com/mgoggin "mgoggin (1 commits)")[![Dennis14e](https://avatars.githubusercontent.com/u/5065163?v=4)](https://github.com/Dennis14e "Dennis14e (1 commits)")[![RangelReale](https://avatars.githubusercontent.com/u/369785?v=4)](https://github.com/RangelReale "RangelReale (1 commits)")[![orelus](https://avatars.githubusercontent.com/u/2412041?v=4)](https://github.com/orelus "orelus (1 commits)")[![f1mishutka](https://avatars.githubusercontent.com/u/24731190?v=4)](https://github.com/f1mishutka "f1mishutka (1 commits)")

---

Tags

bootstrapbootstrap4cssscssselect2themecssscssthemebootstrapselect2bootstrap4

### Embed Badge

![Health badge](/badges/ttskch-select2-bootstrap4-theme/health.svg)

```
[![Health](https://phpackages.com/badges/ttskch-select2-bootstrap4-theme/health.svg)](https://phpackages.com/packages/ttskch-select2-bootstrap4-theme)
```

###  Alternatives

[wenzhixin/bootstrap-table

An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation)

11.8k283.4k1](/packages/wenzhixin-bootstrap-table)[scssphp/scssphp

scssphp is a compiler for SCSS written in PHP.

62827.7M220](/packages/scssphp-scssphp)[onokumus/metismenu

A jQuery menu plugin

2.0k263.3k5](/packages/onokumus-metismenu)[panique/laravel-sass

Compiles your Sass .scss files to .css every time you run your app (in development)

73171.8k1](/packages/panique-laravel-sass)[datatables.net/datatables.net-bs4

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table. This is DataTables with styling for \[Bootstrap4\](https://getbootstrap.com/docs/4.6/getting-started/introduction/)

2924.0k15](/packages/datatablesnet-datatablesnet-bs4)[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)