如何在Twitter中更改导航栏大小引导程序3

Question

我正在尝试增加bootstrap 3.0 navbar height与固定顶级行为一起使用。

我该怎么办呢？

Answer 1

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

https://github.com/twbs/bootstrap/blob/master/less/variables.less#L360

如果没有，则需要通过statiing用规则来覆盖它：

.navbar { 
    height: {new height}; 
} 

Answer 2

没有看到你的代码，这是很难帮助，但在Bootstrap 3通常，

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

但在我目前的引导程序，我有它设置了不同的使用

header.navbar { 
    height: 54px; 
} 

最简单的事情将是inspect element导航栏上，然后看看css，看看那里的height值。调整到所需的height。

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

这是另一个没有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

如果里面Bootstrap当你检查元素那么你现在又增加了覆盖的css文件覆盖它存在这个CSS规则。

记住使用!important

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