css - 在引导下拉切换和下拉菜单之间添加空间

Question

我创建了一个下拉菜单并让它在悬停时下降，但问题是我需要在切换和下拉菜单之间留出一个空格：

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

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

请指教，

Answer 1

您的问题是 li 和二级菜单之间存在间隙，因此当您悬停时，当您尝试移动到子菜单时，您不再位于 li 上，这会导致它关闭。

您要么需要向上移动子菜单，要么在悬停时扩展 li 的高度以覆盖 li 和子菜单之间的空间

将以下样式添加到您的小提琴似乎可以解决问题：

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

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