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 install bootstrap-select
yarn add bootstrap-select
composer require snapappointments/bootstrap-select
Install-Package bootstrap-select
bower install bootstrap-select
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/css/bootstrap-select.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/js/bootstrap-select.min.js"></script>
<!-- (Optional) Latest compiled and minified JavaScript translation files -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/js/i18n/defaults-*.min.js"></script>
selectpicker
课程将selectpicker
类添加到select元素以自动初始化bootstrap-select。
<select class="selectpicker">
<option>Mustard</option>
<option>Ketchup</option>
<option>Barbecue</option>
</select>
// 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();
});