在bootstrap下拉切换和下拉菜单之间添加空格

时间:2013-02-27 12:42:07

标签: css drop-down-menu twitter-bootstrap

我创建了一个下拉菜单并将其悬停在悬停上,但问题是我需要在切换菜单和下拉菜单之间创建一个空格:

<http://jsfiddle.net/yabasha/nbbjm/1/>

当悬停时,它会显示下拉菜单,但是当我想要选择菜单时它会消失。

请建议,

1 个答案:

答案 0 :(得分:2)

你的问题是li和二级菜单之间存在差距,所以当你徘徊时,当你试图移动到你的子菜单时,你就不再使用它了,这会导致它关闭。

您需要向上移动子菜单,或者在悬停时延长li的高度以覆盖li和子菜单之间的空间

为您的小提琴添加以下样式似乎可以解决问题:

.dropdown:hover {padding-bottom:20px;}
.dropdown-menu {top:auto;}

http://jsfiddle.net/nbbjm/8/