入门
快速开始
Bootstrap-select需要jQuery v1.9.1 +,Bootstrap的dropdown.js组件和Bootstrap的CSS。如果您尚未在项目中使用Bootstrap,则可以在此处下载Bootstrap v3.3.7最低要求的预编译版本。如果在Bootstrap v4 +中使用bootstrap-select,你还需要Popper.js。有关Bootstrap v4的所有要求,请参阅入门。预期版本的需求将在即将发布的bootstrap-select版本中提供。
有几种快速启动选项:克隆回购: git clone https://github.com/snapappointments/bootstrap-select.git
使用npm安装: npm install bootstrap-select
使用yarn安装: yarn add bootstrap-select
使用Composer安装: composer require snapappointments/bootstrap-select
使用NuGet安装: Install-Package bootstrap-select
使用Bower安装: bower install bootstrap-select
发布后,CDN会更新,这意味着发布版本及其在CDN上的可用性之间存在延迟。
用法
Bootstrap 4仅适用于bootstrap-select v1.13.0 +。默认情况下,bootstrap-select会自动检测正在使用的Bootstrap版本。但是,在某些情况下,版本检测将不起作用。有关更多信息,请参阅文档。
通过selectpicker课程
将selectpicker类添加到select元素以自动初始化bootstrap-select。
Mustard
Ketchup
Barbecue
通过JavaScript
// To style only selects with the my-select class
$('.my-select').selectpicker();
或
// To style all selects
$('select').selectpicker();
如果通过JavaScript调用bootstrap-select,则需要将代码包装在一个.ready()块中或将其放在页面的底部(在bootstrap-select的最后一个实例之后)。
$(function () {
$('select').selectpicker();
});