Question

我正在尝试增加bootstrap 3.0导航栏高度，该高度与固定顶级行为一起使用。

我该怎么做？

Answer 1

如果您使用的是.less或.scss版本，则可以在代码中编辑以下$navbar-height变量：

如果没有，您需要通过statiing来覆盖它：

.navbar {
    height: {new height};
}

Answer 2

如果没有看到您的代码，则很难提供帮助，但通常只需Bootstrap 3

这是less变量@navber-height，@navbar-padding-vertical将调整导航栏的高度。

但是在我目前的Bootstrap应用程序中，我使用

设置了不同的应用程序

header.navbar {
    height: 54px;
}

最简单的操作是导航栏上的inspect element，然后查看css以查看height值的位置。将其调整为所需的height。

然后使用css在!important中创建规则，以覆盖现有的Bootstrap css。

这是没有less的另一个例子。

.navbar-fixed-top {
    height: 70px !important; /* Whatever you want. */
}

创建新的css文件并将覆盖文件放入其中。

<link rel='stylesheet' href='/stylesheets/bootstrap.css'/>
<link rel='stylesheet' href='/stylesheets/overrides.css'/>

在overrides.css

内

如果检查元素时{c}规则存在于Bootstrap内，则在现在添加的覆盖css文件中覆盖它。

请记住使用!important

.navbar-fixed-top {
    height: 70px !important; /* Whatever you want. */
}