select2-bootstrap4-theme
Select2 v4 theme for Bootstrap4 (Compatible to boostrap 4.0.0+)
Live demo
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.cssontodocs) - Serve
docswith 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
-
1、导入静态文件 <script type="text/javascript" src="<c:url value="/text/javascript/jquery-1.9.1.min.js"/>"></script> <script type="text/javascript" src="<c:url value="/text/lib/bootstrap/js/bootstrap.min.js"
-
Select2 提供了一个可自定义的选择框，该框支持搜索、标记、远程数据集、无限滚动以及许多其他常用选项。 Select2 是基于 jQuery 的选择框的替代品。它支持搜索，远程数据集和结果分页。 用例 通过搜索增强本机选择。 通过更好的多选界面增强本机选择。 从JavaScript加载数据：通过AJAX轻松加载项目并使其可搜索。 嵌套optgroups：本机选择仅支持一层嵌套。Select2没
-
Select2.js integration with Flask/WTForms and Bootstrap. Code mostly taken from Flask-Admin - https://github.com/flask-admin/flask-admin Work in Progress. Simple example added - see examples folder.
-
主要内容：实例,全屏幕的 Jumbotron,实例Jumbotron（超大屏幕）会创建一个大的灰色背景框，里面可以设置一些特殊的内容和信息。 提示: Jumbotron 里头可以放一些 HTML标签，也可以是 Bootstrap 的元素。 我们可以通过在 <div> 元素 中添加 .jumbotron 类来创建 jumbotron: 实例 <div class="jumbotron"> <h1>小牛知识库</h1> <p>学的不仅是技术，更是梦想
-
Introduction Select2.js support for the Laravel Dusk testing. Support Select2 v3 and Select2 v4 versions. Demo Install composer require --dev roquie/laravel-dusk-select2 Now, u may use it! Usage For d
-
Select2 Bootstrap CSS 是一个简单的 CSS，它能使 select2 部件更加适应 Bootstrap。
-
主要内容：如何创建轮播,实例,轮播图片上添加描述,实例轮播是一个循环的幻灯片： 如何创建轮播 以下实例创建了一个简单的图片轮播效果 ： 实例 <div id="demo" class="carousel slide" data-ride="carousel"> <!-- 指示符 --> <ul class="carousel-indicators"> <li data-target="#demo" data-slide-to="0" class="a