css - 更改导航栏高度

Question

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

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

谢谢

Answer 1

在 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;
}

Answer 2

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

例如：

.navbar-inner {
    height: 80px;  
}

小提琴

Answer 3

我发现我需要更改 navbar 类和列表的 nav 类的填充：

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