更改移动设备的导航栏高度

Question

我想创建一个100px的固定导航栏。因此我改变了css风格：

 .navbar { height: 100px }

和

.navbar-inner { height: 100px }

但是当我点击＆lt;中的菜单按钮时移动设备尺寸为768像素，菜单再次从50像素开始。它在全尺寸上工作正常。有什么方法可以解决这个问题吗？

Answer 1

默认情况下，bootstrap（至少v3）不会强制高度。 .navbar上的样式是min-height：50px，这意味着如果你指定高度：100px，你应该总是得到100px。在其他地方可能会有一些自定义规则覆盖您的样式。由于它只发生在xs视图中，因此样式可能是@media（max-width：767px）样式。最好的选择是使用firebug（或chrome's knock off）并找到将其设置为50px并将其删除的代码。

或者你可以尝试添加一个重要的标志但是再次尝试更少的样式，所以首先尝试删除其他代码：

.navbar, .navbar-inner { height: 100px !important }