如何使用Bootstrap垂直居中我的徽标?

时间:2016-05-01 00:27:28

标签: twitter-bootstrap twitter-bootstrap-3

我在http://listingnaples.com/有一个徽标,我试图将徽标垂直居中。

我已添加:

display: inline-block;
vertical-align: middle;

它仍处于导航栏的低位。

1 个答案:

答案 0 :(得分:1)

将图像的样式更改为垂直变换,并从父锚标记中删除填充。

img {
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

.navbar-brand {
    padding: 0;
}

enter image description here