引导3：垂直中心导航链接时，标志增加导航栏的高度
我是bootstrap框架的新手，但即使阅读了所有文档和所有现有的StackOverflow问题，我仍然有点卡住了。
NavBar标志增加的高度：
在我的导航栏中，我插入了一个高度为50px的徽标。 这显然使得navbar更高。 我没有为此调整任何CSS，它只是强制增加高度的标志。
问题：
导航栏中的链接与现在较高的导航栏的顶部alignment。
目标：
我希望链接垂直居中在导航栏中，因为这样看起来会好很多。
我的假设是玩线高度值或填充。 但是，这引起了移动浏览器仍然生效的问题（当它切换到切换菜单），所以我的扩展菜单结果太高，看起来很愚蠢。
任何有识之士都非常感激？
我的CSS是使用最新版本3.0.2下载的默认引导程序CSS。
这是我的HTML：
<!-- Begin NavBar --> <div class="navbar navbar-inverse navbar-static-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".menu2"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <span class="navbar-brand" href="#"><img src="img/logo.png" width="210" height="50" alt="My Logo"></span> </div> <div class="navbar-collapse collapse menu2"> <ul class="nav navbar-nav navbar-right"> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> <li><a href="#">Link 4</a></li> </ul> </div><!--/.nav-collapse --> </div> </div> 当我真的希望它们在中心垂直alignment时，就是那些alignment到顶端的“链接1”，“链接2”，“链接3”和“链接4”链接。
提前谢谢了！
将其添加到您的样式表。 行高应该与您的徽标的高度相匹配
.navbar-nav li a { line-height: 50px; }
看看小提琴： http : //jsfiddle.net/nD4tW/
马特的答案是好的，但只是为了避免这种传播到其他元素内的导航栏（就像当你也有一个下拉），使用
.navbar-nav > li > a { line-height: 50px; }
使用Bootstrap Customizer来生成具有较高导航栏的Bootstrap版本。 您想要更改的值是@navbar-height 部分中的@navbar-height 。
检查您当前的实施，看看您的导航栏与50px品牌图片的高度，并在定制器中使用该计算的高度。
Bootstrap自动将导航栏的高度设置为50px。 链接上方和下方的填充设置为15px。 我认为bootstrap是添加填充到您的标志。
您可以删除徽标上方和下方的某些填充，也可以在链接上方和下方添加更多填充。
添加更多的填充应该看起来像这样：
nav.navbar-inverse>li>a { padding-top: 25px; padding-bottom: 25px; }
我发现你不一定需要垂直居中的文本，它在靠近行底部看起来也不错，只有当它位于顶部（或高于中心）时，才会看起来错误。 所以我就这样把链接推到行的底部：
.navbar-brand { min-height: 80px; } @media (min-width: 768px) { #navbar-collapse { position: absolute; bottom: 0px; left: 250px; } }
我的品牌形象是SVG，我用的height: 50px; width: auto height: 50px; width: auto这使得它约216px宽。 它垂直溢出了它的容器，所以我添加了min-height: 80px; 以腾出空间加上引导程序的15px页边距。 然后我调整了navbar-collapse的left设置，直到它看起来正确。
我实际上结束了这样的事情，以允许导航栏崩溃。
@media (min-width: 768px) { //set this to wherever the navbar collapse executes .navbar-nav > li > a{ line-height: 7em; //set this height to the height of the logo. } }
