ttskch / select2-bootstrap4-theme
Select2 v4 theme for Bootstrap4
Fund package maintenance!
www.paypal.com/paypalme/ttskch
Installs: 19 705
Dependents: 2
Suggesters: 0
Security: 0
Stars: 436
Watchers: 14
Forks: 203
Open Issues: 21
Language:SCSS
This package is auto-updated.
Last update: 2024-11-28 16:28:25 UTC
README
Select2 v4 theme for Bootstrap4 (Compatible to boostrap 4.0.0+)
Live demo
👉 https://ttskch.github.io/select2-bootstrap4-theme/
Installation
CDN
<link rel="stylesheet" href="/path/to/select2.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ttskch/select2-bootstrap4-theme@x.x.x/dist/select2-bootstrap4.min.css">
Manually
# 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">
Usage
$('select').select2({ theme: 'bootstrap4', });
Getting involved
- Fix src/_layout.scss, src/_single.scss or src/_multiple.scss
- Do
npm run build:both
- Send me a Pull Request
You can use docs dir for your development.
- Do
npm run prepare
(this creates symlink todist/select2-bootstrap4.css
ontodocs
) - Serve
docs
with your local web server (e.g.php -S localhost:8888 -t docs
) - Do
npm run watch
- Tweak scss and browse demo page on your browser