bootstrap 多选下拉框怎么实现

Bootstrap 提供了一个多选下拉框组件，可以通过添加 `multiple` 属性来实现多选。

示例代码：

<select multiple class="form-control">
  <option>选项1</option>
  <option>选项2</option>
  <option>选项3</option>
  <option>选项4</option>
  <option>选项5</option>
</select>

你可以在 `<select>` 元素上添加 `form-control` 类来应用 Bootstrap 的样式。

如果需要在选项中显示更多信息，可以使用 `data-*` 属性来添加自定义数据。例如：

<select multiple class="form-control">
  <option data-subtext="描述1">选项1</option>
  <option data-subtext="描述2">选项2</option>
  <option data-subtext="描述3">选项3</option>
</select>

在这个例子中，`data-subtext` 属性用于添加描述信息。这个属性可以在 JavaScript 中通过 `dataset` 属性来获取。

另外，如果需要对多选下拉框进行进一步的自定义，可以使用 Bootstrap 的 JavaScript 插件。例如，可以使用 `selectpicker` 插件来添加搜索框和样式定制。示例代码：

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

在这个例子中，我们添加了 `selectpicker` 类来启用插件，并使用 `data-live-search` 属性来添加搜索框。另外，使用 `data-style` 属性来设置样式。你需要在页面中引入 `bootstrap-select` 插件的 JavaScript 和 CSS 文件才能使用这个插件。