html - 在 Bootstrap 中垂直对齐文本

Question

谁能帮帮我；如何在响应式网格中将文本垂直居中？

<div class="col-md-4">
    <h1>YOU CAN'T</h1>
</div>

Answer 1

问题是您将高度未知的 DIV 垂直居中。您可以像这样使用 CSS 转换:

.v-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

演示:http://bootply.com/106258