将导航栏品牌与引导程序垂直对齐答案

【问题标题】：Vertically align a navbar-brand with bootstrap将导航栏品牌与引导程序垂直对齐
【发布时间】：2015-12-12 06:25:45
【问题描述】：

如何在中间垂直对齐 navar-brand img？

那个黑框是我想在中间对齐的标志。

标记是：

<div class="navbar-header">
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>

    <a class="navbar-brand" href="#">
        <img alt="Brand" width="163" height="36" src="...">
    </a>
</div>

【问题讨论】：

你可以试试这个jsfiddle.net/2Lzo9vfc/342

标签： html css twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

只需将其添加到您的 css 中：

.navbar-brand{
    min-height: 66px !important;
}
.navbar-header{
    min-height: 66px !important;
}

【讨论】：

【解决方案2】：

你试过css属性'vertical-align:top;'吗？如果它不起作用，请尝试相对定位它并亲自查看它是否完全对齐。

【讨论】：