如何使twitter引导菜单在悬停时下拉而不是单击

Question

如何使twitter引导菜单在悬停时下拉而不是单击我想让我的引导菜单自动下垂在悬停，而不是点击菜单标题。我也想失去菜单标题旁边的小箭头。

Answer 1

除了“我的头疼”的回答(这太棒了)：

ul.nav li.dropdown:hover ul.dropdown-menu{
    display: block;    }

有两个悬而未决的问题：

1. 单击下拉链接将打开下拉菜单。它将保持打开，除非用户单击其他地方，或盘旋在它之上，创建一个尴尬的UI。
2. 下拉链接和下拉菜单之间有1 px的空白。如果您在下拉菜单和下拉菜单之间缓慢移动，这将导致下拉菜单变得隐藏起来。

(1)的解决方案是从nav链接中移除“class”和“数据切换”元素。

<a href="#">
     Dropdown     <b class="caret"></b></a>

这也使您能够创建到父页面的链接-这在默认实现中是不可能的。您可以将“#”替换为您想发送给用户的任何页面。

(2)的解决方案是删除.下拉菜单选择器上的边距顶部

.navbar .dropdown-menu {
 margin-top: 0px;}