將文本垂直居中置於容器中？ twitter-bootstrap-3

Question

是否有可能使用CSS來將文本垂直居中放置在一個容器中的twitter bootstrap 3中？

Answer 1

添加這個CSS包含文本的元素（不要與一個山坳類的元素 - 內將其添加到元）：

.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; 
    }