css - 如何获得全高 Bootstrap 导航按钮？

Question

当屏幕太小时，默认的 Bootstrap 导航会执行此操作:

当我将鼠标悬停在链接上时，“酒店”按钮下方的空隙不应该出现，这是由于“私有(private)租用”文本太长并将导航向下推了一点造成的。

有没有办法让白色背景占据整个导航的高度？

Answer 1

我一直在研究 Twitter Bootstrap 导航栏，我找到了一种摆脱空白的方法。

很简单....

.navbar-nav{
    white-space: nowrap;
}

@media (min-width: 1200px){
    .navbar-nav {
        font-size: 22px;
    }
}
@media (min-width: 994px) and (max-width: 1199px){
    .navbar-nav {
        font-size: 17px;
    }
}
@media (max-width: 994px){
    .navbar-nav {
        font-size: 15px;
    }
}