如何使用twitter-bootstrap

Question

我是初学者并且正在学习网页开发，我有一个 svg徽标，我想设置导航栏的垂直中心。我不确定如何正确地做到这一点。

问题：image / 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;