html - Bootstrap 下拉菜单：处理文本，而不是按钮？

Question

我可以轻松地使用 Bootstrap 创建一个按钮下拉菜单，如下所示：

<div class="btn-group">
  <button class="btn">Action</button>
  <button class="btn dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
   content goes here
  </ul>
</div>

但是，这会创建一个按钮和块元素 (?)。

是否可以使用 Bootstrap 的按钮 dropdwon 来创建普通文本（最好是内联的），单击哪个会产生下拉菜单？

我不是在谈论 Bootstrap 工具提示。我希望使用下拉菜单来保存更复杂的布局。

感谢您的任何想法或建议！

Answer 1

所以你想要一个链接而不是一个按钮来切换下拉菜单？使用这个标记：

<div class="dropdown"> 
    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown trigger</a>
    <ul class="dropdown-menu">
        You can add any content here
    </ul>
</div>

您还可以添加

.dropdown {
    display: inline-block;
}

使其显示为内联