如何使用 twitter-bootstrap 在中心渲染/对齐徽标

Question

我是初学者，正在学习网络开发，我有一个 svg 徽标，我想将它设置为导航栏的 垂直居中。我不知道如何正确地做到这一点。

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

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

.logo {
    width: 145px;
}

问题：为什么我的徽标会离开父级 navbar brand 类。另外，我尝试了vertical-align: middle，但这也无济于事。有人可以指导我如何放置 svg 徽标，使其保持垂直居中并且不会离开父 div。

尝试1：

vertical-align: middle 在logo 类中

尝试 2：

center-block in navbar-brand

Answer 1

在这个 JSFiddle 中有一个垂直居中徽标的示例

Vertically center logo

 line-height: 50px;