Bootstrap3,如何在切换按钮上有下拉菜单?

时间:2013-09-18 15:19:49

标签: twitter-bootstrap twitter-bootstrap-3

请使用移动视图运行this coding

我从bootstrap文档中复制了代码,我希望在按下按钮时有切换按钮(三栏按钮)我想要一个下拉菜单。但我真的不明白如何在切换按钮上设置下拉菜单的概念。

请给我看样品编码,谢谢。

1 个答案:

答案 0 :(得分:2)

我认为使用右对齐按钮的下拉如果不是很痛苦就会变得棘手。此外,菜单项可能太小,无法轻触触控设备。

相反,导航栏崩溃怎么样?

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".Kongthaps-navbar">
...
<div class="collapse navbar-collapse Kongthaps-navbar">

注意数据目标类如何用于识别切换菜单。

完整示例:

http://jsfiddle.net/yNHpf/3/

对于定期下拉的版本,触发器必须位于<div class="dropdown">标记内,数据切换必须为data-toggle="dropdown"而不是data-toggle="collapse"。另外,我认为不能有数据目标(否则它不起作用)

这是你的例子,半工作:

http://jsfiddle.net/6jF9x/3/

我将下拉的位置留给你; - )

我在我的主题中使用了第一种技术,请查看我已经迁移到BS3的my theme Tales以获得真实的例子。

希望这有帮助!