All Projects → ttskch → Select2 Bootstrap4 Theme

ttskch / Select2 Bootstrap4 Theme

Licence: mit
Select2 v4 theme for Bootstrap4

Projects that are alternatives of or similar to Select2 Bootstrap4 Theme

Coreui Free Vue Admin Template
Open source admin template based on Bootstrap 5 and Vue 3
Stars: ✭ 2,951 (+867.54%)
Mutual labels:  bootstrap, scss, bootstrap4
Bootstrap 4 Github Pages
A Bootstrap 4 template project for Github Pages and Jekyll
Stars: ✭ 96 (-68.52%)
Mutual labels:  bootstrap, scss, bootstrap4
Root Bootstrap 4 Admin Template With Angularjs Angular 2 Support
Root is Boostrap 4 Admin Template with Angular 2 and AngularJS support
Stars: ✭ 54 (-82.3%)
Mutual labels:  bootstrap, scss, bootstrap4
Sleek Dashboard
Sleek Dashboard - Free Bootstrap 4 Admin Template and UI Kit
Stars: ✭ 690 (+126.23%)
Mutual labels:  bootstrap, scss, bootstrap4
Lightning Admin Angular
A mobile first design of a responsive admin template built with angular and bootstrap
Stars: ✭ 107 (-64.92%)
Mutual labels:  bootstrap, scss, bootstrap4
Vue Bootstrap With Material Design
Vue Bootstrap with Material Design - Powerful and free UI KIT
Stars: ✭ 803 (+163.28%)
Mutual labels:  bootstrap, scss, bootstrap4
Sing App
💥Free and open-source admin dashboard template built with Bootstrap 4.5 💥
Stars: ✭ 1,187 (+289.18%)
Mutual labels:  bootstrap, scss, bootstrap4
Coreui Free React Admin Template
CoreUI React is a free React admin template based on Bootstrap 5
Stars: ✭ 3,573 (+1071.48%)
Mutual labels:  bootstrap, scss, bootstrap4
Bootstrap 4 Sass Gulp 4 Boilerplate
A Bootstrap 4.5.2 boilerplate with font-awesome, sass, gulp 4 tasks
Stars: ✭ 103 (-66.23%)
Mutual labels:  bootstrap, scss, bootstrap4
Coreui Angularjs
CoreUI AngularJS is free AngularJS admin template based on Bootstrap 4
Stars: ✭ 101 (-66.89%)
Mutual labels:  bootstrap, scss, bootstrap4
Honoka
Honoka is one of the original Bootstrap theme.
Stars: ✭ 634 (+107.87%)
Mutual labels:  bootstrap, scss, bootstrap4
Shards Ui
🎨Shards is a beautiful & modern Bootstrap 4 UI kit packed with extra templates and components.
Stars: ✭ 1,718 (+463.28%)
Mutual labels:  bootstrap, scss, bootstrap4
Theme Machine
A collection of stylized Bootstrap Themes
Stars: ✭ 585 (+91.8%)
Mutual labels:  bootstrap, scss, bootstrap4
Select2 Bootstrap4 Theme
A theme for Select2 v4 and Bootstrap 4
Stars: ✭ 97 (-68.2%)
Mutual labels:  select2, scss, bootstrap4
Coreui
Open Source UI Kit built on top of Bootstrap 4 and plain JavaScript without any additional libraries like jQuery
Stars: ✭ 361 (+18.36%)
Mutual labels:  bootstrap, scss, bootstrap4
Bootstrap Dark
The Definitive Guide to Dark Mode and Bootstrap 4 - A proof of concept
Stars: ✭ 54 (-82.3%)
Mutual labels:  bootstrap, scss, bootstrap4
Clever Bootstrap 4 Admin Template With Angularjs Angular 2 Support
Clever is Boostrap 4 Admin Template with Angular 2 and AngularJS support
Stars: ✭ 98 (-67.87%)
Mutual labels:  bootstrap, scss, bootstrap4
Coreui Free Bootstrap Admin Template
CoreUI is free bootstrap admin template
Stars: ✭ 11,038 (+3519.02%)
Mutual labels:  bootstrap, scss, bootstrap4
Bootstrap Dark
Bootstrap 4 dark theme that supports togging dark/light themes as well. There is no fluff, it changes the color of Bootstrap and that's it, no new thing to learn or unlearn, just Bootstrap, but Dark!
Stars: ✭ 158 (-48.2%)
Mutual labels:  bootstrap, scss, bootstrap4
Cc
一个基于angular5.0.0+ng-bootstrap1.0.0-beta.8+bootstrap4.0.0-beta.2+scss的后台管理系统界面(没基础的同学请先自学基础,谢谢!)
Stars: ✭ 416 (+36.39%)
Mutual labels:  select2, bootstrap4

select2-bootstrap4-theme

npm version npm Packagist Version Packagist Downloads

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/[email protected]/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

  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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].