Twitter bootstrap 使用引导创建下拉列表

如何使用引导创建下拉选项

当前导航菜单如下所示：

<div class="container">
  <div class="header">
    <ul class="nav nav-pills pull-right">
      <li class="active"><a href="index.php">Home</a></li>
      <li><a href="chat.php">Chat</a></li>
      <li><a href="#">Forum</a></li>
      <li><a href="members.php">Members</a></li>>
      <li><a href="about.php">About</a></li>
      <li><a href="help.php">Help</a></li>
    </ul>
    <h3 class="text-muted">Site</h3>
  </div>

>



场地

我试过这样的方法：

<div class="container">
  <div class="header">
    <ul class="nav nav-pills pull-right">
      <li class="active"><a href="index.php">Home</a></li>
      <li><a href="chat.php">Chat</a></li>
      <li><a href="#">Forum</a></li>
      <li><a href="members.php">Members</a></li>
      **<div class="dropdown">
      <li><a href="dropdown.php">Drop down</a></li>
      </div>**
      <li><a href="about.php">About</a></li>
      <li><a href="help.php">Help</a></li>
    </ul>
    <h3 class="text-muted">Site</h3>
  </div>

**

**



场地

这不能作为下拉列表使用。

<div class="dropdown">
  <button class="btn dropdown-toggle sr-only" type="button" id="dropdownMenu1" data-toggle="dropdown">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
  </ul>
</div>

下拉列表

见：

---

您是否尝试过按照上的说明进行操作？Stackoverflow不打算在阅读文档之前使用，尤其是Bootstrap文档，其中包含了大量的解释和代码示例。。。