我正在使用Bootstrap来创建我的用户界面。
我有一个相对较高的导航栏;导航栏的默认高度为50px，导航栏为100px。当我渲染分割按钮时，菜单下拉菜单不考虑导航栏高度（下面的链接说明了问题）。如何解决此问题，以便下拉菜单显示在按钮下方（而不是在导航栏下方）？
另外，如果有人建议如何摆脱按钮组中间的差距，那也太棒了！
我正在使用SASS，所以我没有意识到我粘贴的链接没有说明问题。我编译了我的CSS并将其放在JSFiddle链接中。不幸的是，CSS文件存在巨大的问题。
如果您正在使用具有LESS或SASS的BootStrap，我将$navbar-height变量调整为100px（而不是50px）。
在任何情况下，我都希望能够对Bootstrap Way™调整导航栏高度等内容提供一些指导，以便这些东西能够正常工作。
（没有说明问题的旧链接） http://www.bootply.com/yOrqxaoM2t
答案 0 :(得分：0)
好吧，看起来问题不在于navba高度与你在margin-bottom:33px上设置.navbar-btn的边距 - 需要删除。
.navbar-btn {
margin-bottom:0px;/* should be zero bootstrap default btn margin- remove yours */
}
将下拉列表移动到比默认值低33px 小提琴link