0

请使用移动视图运行此编码。

我从引导文档中复制了代码,当我按下想要获得下拉菜单的按钮时,我希望有切换按钮(三栏按钮)。但我真的不明白如何在切换按钮上进行下拉的概念。

请给我示例代码,谢谢。

4

1 回答 1

2

我认为使用右对齐按钮的下拉菜单即使不痛苦也会很棘手。此外,菜单项可能太小而无法舒适地点击触摸设备。

导航栏折叠怎么样?

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

注意 data-target 类是如何用于识别切换菜单的。

完整示例:

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

至于您的带有常规下拉菜单的版本,触发器必须在<div class="dropdown">标签内,并且 data-toggle 需要data-toggle="dropdown"代替data-toggle="collapse". 另外,我认为不能有数据目标(否则它不起作用)

这是您的示例,半工作:

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

我将下拉菜单的位置留给您;-)

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

希望这可以帮助!

于 2013-09-18T18:08:09.930 回答