Bootstrap 4：我如何创建这样的表单？

Question

我正在使用Bootstrap 4，我想知道这样的表格：

截图：

它来自Semantic-ui http://semantic-ui.com/collections/form.html

修改
Bootstrap 4的选择菜单是这样的，它有一个默认选项，我不想要它。

<fieldset class="form-group">
    <label for="exampleSelect1">Example select</label>
    <select class="form-control" id="exampleSelect1">
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
    </select>
  </fieldset>

我该如何创建一个？

Answer 1

您可以使用dropdown类，并确保包含菜单标题以避免使用默认元素：<h6 class="dropdown-header">Dropdown header</h6>

例如：

<div class="dropdown-menu">
  <h6 class="dropdown-header">Gender</h6>
  <a class="dropdown-item" href="#">Male</a>
  <a class="dropdown-item" href="#">Female</a>
</div>

此处有更多信息：http://v4-alpha.getbootstrap.com/components/dropdowns/