bootsrap多选下拉框

Bootstrap 的多选下拉框可以使用 `selectpicker` 插件来实现，`selectpicker` 插件是一个基于 Bootstrap 的下拉框增强工具，它提供了丰富的选项和自定义功能。

使用 `selectpicker` 插件需要引入相应的 CSS 和 JS 文件，可以从官方网站下载或使用 CDN：

<!-- 引入 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/bootstrap-select/1.14.0-beta2/css/bootstrap-select.min.css">

<!-- 引入 JS 文件 -->
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-select/1.14.0-beta2/js/bootstrap-select.min.js"></script>

<!-- 引入 JS 文件，如果需要搜索功能则需要引入此文件 -->
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-select/1.14.0-beta2/js/i18n/defaults-zh_CN.min.js"></script>

然后，在 `select` 元素上添加 `data-live-search="true"` 属性来启用搜索功能，添加 `multiple` 属性来启用多选功能，并添加 `class="selectpicker"` 属性来启用 `selectpicker` 插件：

<select class="selectpicker" multiple data-live-search="true">
  <option>选项1</option>
  <option>选项2</option>
  <option>选项3</option>
  <option>选项4</option>
  <option>选项5</option>
</select>

在上面的代码中，我们使用了 `option` 元素来定义下拉框的选项。可以根据需要添加更多的选项。在 `select` 元素上添加 `multiple` 属性来启用多选功能。

最后，需要在 JavaScript 中初始化 `selectpicker` 插件：

$(function () {
  $('.selectpicker').selectpicker();
});

以上就是 Bootstrap 多选下拉框的实现方法，可以根据自己的需要进行样式和功能的定制。