@ttskch/select2-bootstrap4-theme

Select2 v4 theme for Bootstrap4

1.5.2
latest
Source
npm

Version published: 4 years ago

Maintainers: 1

Created: 7 years ago

Source

select2-bootstrap4-theme

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 to dist/select2-bootstrap4.css onto docs)
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

Keywords

FAQs

What is @ttskch/select2-bootstrap4-theme?

Is @ttskch/select2-bootstrap4-theme well maintained?

Package last updated on 28 Jan 2021

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install