Twitter bootstrap 用杰德和Bootstrap在页面中间对中图像

我刚开始使用Jade和Bootstrap，遇到了一个障碍。我试图在我的索引。我能使它水平居中，但不能垂直居中。下面是我的index.jade和它当前外观的图像

翡翠索引

extends layout

block content
a.container
a.row
img.center-block(src= "images/logo.png")

当前屏幕截图

---

您可以使用自定义类，如下所示：

.center {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

以及：

居中

执行以下操作：

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

对于要垂直居中的图元

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