All Projects → berkanakyurek → Select2 Bootstrap4 Theme

berkanakyurek / Select2 Bootstrap4 Theme

Licence: mit
A theme for Select2 v4 and Bootstrap 4

Projects that are alternatives of or similar to Select2 Bootstrap4 Theme

Select2 Bootstrap4 Theme
Select2 v4 theme for Bootstrap4
Stars: ✭ 305 (+214.43%)
Mutual labels:  select2, scss, bootstrap4
Theme Machine
A collection of stylized Bootstrap Themes
Stars: ✭ 585 (+503.09%)
Mutual labels:  scss, bootstrap4
Cc
一个基于angular5.0.0+ng-bootstrap1.0.0-beta.8+bootstrap4.0.0-beta.2+scss的后台管理系统界面(没基础的同学请先自学基础,谢谢!)
Stars: ✭ 416 (+328.87%)
Mutual labels:  select2, bootstrap4
Bootstrap 4 Github Pages
A Bootstrap 4 template project for Github Pages and Jekyll
Stars: ✭ 96 (-1.03%)
Mutual labels:  scss, bootstrap4
Coreui Free React Admin Template
CoreUI React is a free React admin template based on Bootstrap 5
Stars: ✭ 3,573 (+3583.51%)
Mutual labels:  scss, bootstrap4
Coreui
Open Source UI Kit built on top of Bootstrap 4 and plain JavaScript without any additional libraries like jQuery
Stars: ✭ 361 (+272.16%)
Mutual labels:  scss, bootstrap4
Sleek Dashboard
Sleek Dashboard - Free Bootstrap 4 Admin Template and UI Kit
Stars: ✭ 690 (+611.34%)
Mutual labels:  scss, bootstrap4
Bootstrap Italia
Bootstrap Italia è un tema Bootstrap 4 conforme alle linee guida di design per i servizi web della PA
Stars: ✭ 193 (+98.97%)
Mutual labels:  scss, bootstrap4
Bs4 Nodejs Static
A basic template to develop a website based on Bootstrap 4
Stars: ✭ 17 (-82.47%)
Mutual labels:  scss, bootstrap4
Jekyll Bootstrap4
Bootstrap 4 with Jekyll minimalistic example site
Stars: ✭ 43 (-55.67%)
Mutual labels:  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 (-44.33%)
Mutual labels:  scss, bootstrap4
Nodetyped
Node.js Express Startup Seed with ES6, Typescript, SCSS, EJS, Nodemon, Bootstrap 4, TSLint, TypeDoc
Stars: ✭ 69 (-28.87%)
Mutual labels:  scss, bootstrap4
Coreui Free Vue Admin Template
Open source admin template based on Bootstrap 5 and Vue 3
Stars: ✭ 2,951 (+2942.27%)
Mutual labels:  scss, bootstrap4
Vvvebjs
Drag and drop website builder javascript library.
Stars: ✭ 4,609 (+4651.55%)
Mutual labels:  scss, bootstrap4
Run Aspnetcore Realworld
E-Commerce real world example of run-aspnetcore ASP.NET Core web application. Implemented e-commerce domain with clean architecture for ASP.NET Core reference application, demonstrating a layered application architecture with DDD best practices. Download 100+ page eBook PDF from here ->
Stars: ✭ 208 (+114.43%)
Mutual labels:  scss, bootstrap4
Honoka
Honoka is one of the original Bootstrap theme.
Stars: ✭ 634 (+553.61%)
Mutual labels:  scss, bootstrap4
Shards Ui
🎨Shards is a beautiful & modern Bootstrap 4 UI kit packed with extra templates and components.
Stars: ✭ 1,718 (+1671.13%)
Mutual labels:  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 (+62.89%)
Mutual labels:  scss, bootstrap4
Vue Bootstrap With Material Design
Vue Bootstrap with Material Design - Powerful and free UI KIT
Stars: ✭ 803 (+727.84%)
Mutual labels:  scss, bootstrap4
Bootstrap Dark
The Definitive Guide to Dark Mode and Bootstrap 4 - A proof of concept
Stars: ✭ 54 (-44.33%)
Mutual labels:  scss, bootstrap4

Select2 Bootstrap4 Theme

select2-bootstrap4-theme version License

Compatibility

Tested with Bootstrap v4.1.1 and Select2 v4.0.6rc1 in latest Firefox, Chrome and Safari (Mac).

Installation

  • Download the latest release.
  • Clone the repo: git clone https://github.com/berkan52/select2-bootstrap4-theme.git.
  • Install with Bower: bower install select2-bootstrap4-theme.
  • Install with npm: npm install select2-bootstrap4-theme.

Usage

select2-bootstrap4-theme only works with Select2 v4.x. Applying the theme requires select2-bootstrap4.css referenced after the default select2.css that comes with Select2:

<link rel="stylesheet" href="select2.css">
<link rel="stylesheet" href="select2-bootstrap4.css">

To apply the theme, tell Select2 to do so by passing bootstrap to the theme option when initializing Select2:

$( "#dropdown" ).select2({
    theme: "bootstrap4"
});

You may also set it as the default theme for all Select2 widgets like so:

$.fn.select2.defaults.set( "theme", "bootstrap4" );

Changelog

Version 1.0.2
  • Latest build for Bootstrap 4.1.1
Version 1.0.1
  • Fixed some bugs when running npm run dev;
Version 1.0.0
  • Create project

Copyright and license

The license is available within the repository in the LICENSE file.

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].