javascript - Bootstrap 4 : How can I create a form like this?

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/