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

Question

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

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

Answer 1

除了“我的头疼”的回答(这太棒了)：ul.nav&nbsp;li.dropdown:hover&nbsp;ul.dropdown-menu{ &nbsp;&nbsp;&nbsp;&nbsp;display:&nbsp;block;&nbsp;&nbsp;&nbsp;&nbsp;}有两个悬而未决的问题：单击下拉链接将打开下拉菜单。它将保持打开，除非用户单击其他地方，或盘旋在它之上，创建一个尴尬的UI。下拉链接和下拉菜单之间有1 px的空白。如果您在下拉菜单和下拉菜单之间缓慢移动，这将导致下拉菜单变得隐藏起来。(1)的解决方案是从nav链接中移除“class”和“数据切换”元素。<a&nbsp;href="#"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Dropdown&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b&nbsp;class="caret"></b></a>这也使您能够创建到父页面的链接-这在默认实现中是不可能的。您可以将“#”替换为您想发送给用户的任何页面。(2)的解决方案是删除.下拉菜单选择器上的边距顶部.navbar&nbsp;.dropdown-menu&nbsp;{ &nbsp;margin-top:&nbsp;0px;}