Bootstrap3选择框显示两个框

Bootstrap是一个流行的前端开发框架，它提供了丰富的组件和样式，可以帮助开发人员快速构建响应式网页和Web应用程序。在Bootstrap中，选择框（Select）是一种常见的表单元素，用于从预定义的选项中选择一个或多个值。

在Bootstrap 3中，选择框显示两个框的方式是通过使用Bootstrap的多选框（Multiple Select）组件实现的。多选框允许用户选择多个选项，而不仅限于单选。

要在Bootstrap 3中显示两个框的选择框，可以按照以下步骤进行操作：

1. 引入Bootstrap的CSS和JavaScript文件。
2. 创建一个HTML表单，并在表单中添加一个多选框组件。可以使用<select>元素和<option>元素来定义选项和选项值。例如：

<form>

<div class="form-group">

<label for="exampleSelect">选择框</label>

<select multiple class="form-control" id="exampleSelect">

<option>选项1</option>

<option>选项2</option>

<option>选项3</option>

<option>选项4</option>

<option>选项5</option>

</select>

</div>

</form>

1. 使用Bootstrap的JavaScript插件来初始化多选框组件。可以通过添加以下代码来实现：

<script>

$(document).ready(function() {

$('#exampleSelect').multiselect();

});

</script>

这里假设你已经引入了jQuery库和Bootstrap的JavaScript文件。

1. 运行代码，即可看到显示两个框的选择框。用户可以通过按住Ctrl键（在Windows上）或Command键（在Mac上）来选择多个选项。