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

我可以轻松地使用自举来创建按钮下拉如下列：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来创建普通文本（最好是内联），点击哪个会产生一个下拉菜单？

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

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

来源

2013-07-28 curious1

什么样的布局你能举一个例子？ – codedme

布局将包括文本，复选框和单选按钮。只是一个小的控制面板与选项。 – curious1

你可以在该ul.dropdown菜单中找到几乎所有东西，但问题可能不会像你期望的那样工作。使用自定义JS来处理这将是一个优雅的解决方案，而不是引导程序下拉 – codedme

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

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

，使它看起来直列

来源

2013-07-28 07:09:11

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

回答

相关问题