将文本对齐以在容器中垂直居中？ Twitter的自举-3-

Question

是否可以使用CSS将文本在twitter bootstrap 3中的容器中垂直居中对齐？

Answer 1

将此CSS添加到包含文本的元素（不是带有col类的元素 - 添加到其中的元素）：

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

Answer 2

这是CSS中的简单中心类

   .center-element {
        min-height: 100%;
        min-height: 50vh;
        display: flex;
        align-items: center;
        justify-content: center;
        -ms-flex-direction: column;
        flex-direction: column;
    }