https://github.com/ttskch/select2-bootstrap4-theme

Select2 v4 theme for Bootstrap4
https://github.com/ttskch/select2-bootstrap4-theme

bootstrap bootstrap4 css scss select2 theme

Last synced: 2 days ago
JSON representation

Select2 v4 theme for Bootstrap4

• Host: GitHub
• URL: https://github.com/ttskch/select2-bootstrap4-theme
• Owner: ttskch
• License: mit
• Created: 2018-02-13T07:50:52.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-09T11:12:07.000Z (about 2 years ago)
• Last Synced: 2024-10-29T17:13:51.344Z (2 months ago)
• Topics: bootstrap, bootstrap4, css, scss, select2, theme
• Language: SCSS
• Size: 91.8 KB
• Stars: 434
• Watchers: 14
• Forks: 205
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• jimsghstars - ttskch/select2-bootstrap4-theme - Select2 v4 theme for Bootstrap4 (SCSS)

README

        
# select2-bootstrap4-theme

[![npm version](https://img.shields.io/npm/v/@ttskch/select2-bootstrap4-theme.svg?style=flat-square)](https://www.npmjs.com/package/@ttskch/select2-bootstrap4-theme)

[![npm](https://img.shields.io/npm/dm/@ttskch/select2-bootstrap4-theme?label=npm&style=flat-square)](https://www.npmjs.com/package/@ttskch/select2-bootstrap4-theme)

[![](https://data.jsdelivr.com/v1/package/npm/@ttskch/select2-bootstrap4-theme/badge)](https://www.jsdelivr.com/package/npm/@ttskch/select2-bootstrap4-theme)

[![Packagist Version](https://img.shields.io/packagist/v/ttskch/select2-bootstrap4-theme?style=flat-square)](https://packagist.org/packages/ttskch/select2-bootstrap4-theme)

[![Packagist Downloads](https://img.shields.io/packagist/dm/ttskch/select2-bootstrap4-theme?label=packagist&style=flat-square)](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

👉 https://ttskch.github.io/select2-bootstrap4-theme/

## Installation

### CDN

```html

```

### Manually

```bash

# npm

$ npm install @ttskch/select2-bootstrap4-theme

# yarn

$ yarn add @ttskch/select2-bootstrap4-theme

# composer

$ composer require ttskch/select2-bootstrap4-theme

```

```html

```

## Usage

```js

$('select').select2({

    theme: 'bootstrap4',

});

```

## Getting involved

1. Fix [src/_layout.scss](src/_layout.scss), [src/_single.scss](src/_single.scss) or [src/_multiple.scss](src/_multiple.scss)

1. Do `npm run build:both`

1. 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`)

1. Serve `docs` with your local web server (e.g. `php -S localhost:8888 -t docs`)

1. Do `npm run watch`

1. Tweak scss and browse demo page on your browser