更改导航栏高度

Question

我目前正在为我的应用程序使用gae样板。 我想更改导航栏组件的大小，但我找不到要执行此操作的属性。 我已经搜索了其他主题的回复，但我没有找到更改css或更少引导文件中高度的属性。

是否有人已经使用过gae样板并可以给我一个答案？

谢谢

Answer 1

对于twitter bootstrap，请设置height类的min-height或.navbar-inner属性。

例如：

.navbar-inner {
    height: 80px;  
}

FIDDLE

Answer 2

我发现我需要更改导航栏类的填充和列表的导航类：

.navbar .brand,
.navbar .nav > li > a {
    padding: 0 30px 0 30px;
}

Answer 3

接受的答案仅在Bootstrap 2.12上部分适用于我。这对我来说效果更好（其中.widget是我希望拥有较小导航栏的项目的类别）：

.navbar .brand,
.navbar .nav > li > a {
    padding: 8px 10px 0px 10px;
}
.navbar-inner{
    min-height:16px;
}
.navbar .navbar-inner .brand {
    margin-top: 0px;
}
.widget .navbar .navbar-inner .nav .dropdown a {
    margin-top: 0px;
}
.widget .navbar .navbar-inner a.btn {
    margin-top: 2px;
}