Select2 v4 theme for Bootstrap4

Fund package maintenance!

Installs: 16 674

Dependents: 2

Suggesters: 0

Security: 0

Stars: 431

Watchers: 14

Forks: 209

Open Issues: 23


1.5.2 2021-01-28 07:02 UTC

This package is auto-updated.

Last update: 2024-04-28 15:17:45 UTC


npm version npm Packagist Version Packagist Downloads

Select2 v4 theme for Bootstrap4 (Compatible to boostrap 4.0.0+)

Live demo




<link rel="stylesheet" href="/path/to/select2.css">
<link rel="stylesheet" href="">


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

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

# composer
$ composer require ttskch/select2-bootstrap4-theme
<link rel="stylesheet" href="/path/to/select2.css">
<link rel="stylesheet" href="/path/to/select2-bootstrap4.min.css">


    theme: 'bootstrap4',

Getting involved

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

You can use 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