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;
}

使其显示为内嵌

Bootstrap下拉：处理文本，而不是按钮？

1 个答案: