Question

组件 dropdown 就是一个菜单，它可以把一组相关的链接组织在一起。如下代码就构成了一个 dropdown：

<div class="dropdown">
  <a href="#" data-toggle="dropdown" class="dropdown-toggle">Dropdown <b class="caret"></b></a>
  <ul class="dropdown-menu">
    <li><a href="#">Action1</a></li>
    <li><a href="#">Action2</a></li>
  </ul>
</div>

你可以点击链接“Dropdown”切换下拉菜单的显示。dropdown 由一个切换组件和一个实际的菜单构成。切换组件通过 dropdown-toggle 类指示 a 标签为切换组件、通过 data-toggle 指定切换操作类型为 dropdown。类.dropdown-menu 指定标签 ul 为下拉菜单内容。ul 内的内容就是一个普通的 ul 列表。

组件 dropdown 在 bootstrap 内有着广泛的应用。它可以伴随 button、navbar 等组件一起做出复杂的交互效果。