修改导航栏时，如何正确呈现下拉菜单？答案

【问题标题】：When modifying the navbar, how can I render dropdown-menus correctly?修改导航栏时，如何正确呈现下拉菜单？
【发布时间】：2014-08-13 06:57:15
【问题描述】：

我正在使用 Bootstrap 创建我的用户界面。

我有一个比较高的导航栏；导航栏的默认高度是 50 像素，我的导航栏是 100 像素。当我呈现拆分按钮时，菜单下拉菜单不尊重导航栏的高度（下面的链接说明了问题）。如何解决此问题，以便下拉菜单呈现在按钮下方（而不是导航栏下方）？

另外，如果有人对如何消除按钮组中间的间隙提出建议，那也太棒了！

我使用的是 SASS，所以我没有意识到我粘贴的链接没有说明问题。我编译了我的 CSS 并将其放在 JSFiddle 链接中。不幸的是，那里的 CSS 文件很大。

如果您使用带有 LESS 或 SASS 的 BootStrap，我将 $navbar-height 变量调整为 100 像素（而不是 50 像素）。

无论如何，我希望得到一些关于 Bootstrap Way™ 调整诸如导航栏高度之类的东西的指导，以便这些东西起作用。

（未说明问题的旧链接） http://www.bootply.com/yOrqxaoM2t

【问题讨论】：

【解决方案1】：

好的，看起来问题不在于导航高度，而是您在.navbar-btn 上设置的margin-bottom:33px 的边距，需要删除。

 .navbar-btn {
    margin-bottom:0px;/* should be zero bootstrap default btn margin- remove yours */ 
 }

将下拉菜单移动到比默认值低 33px 小提琴link

【讨论】：