html - 如何使用 twitter-bootstrap 在中心呈现/对齐 Logo

Question

我是初学者，正在学习网络开发，我有一个 svg Logo ，我想将其设置为导航栏的vertically-center。我不确定如何正确地做到这一点。

问题:图像/svg 超出了 navbar-brand。

图像有一个 logo 类，我在其中放置了如下宽度:

.logo {
    width: 145px;
}

问题:为什么我的标志是走出父级 navbar brand 类。此外，我尝试了 vertical-align: middle 但这也无济于事。有人可以指导我如何放置 svg Logo ，以便它保持垂直居中并且不会超出父 div。

尝试 1:

vertical-align: middle 在 logo 类中

尝试 2:

navbar-brand 中的中心 block

Answer 1

在这个 JSFiddle 中有一个将 Logo 垂直居中的示例

Vertically center logo

 line-height: 50px;