引導列中的中心內容

Question

我想將一些左對齊的內容放在我的引導列之一中。

現在我有這樣的：

但我想：

與此麻煩的是，當頁面是小，我想：

從本質上講，我想我的內容始終在列中居中。如果在調整頁面大小時重新排列列，那麼我讀取的大多數解決方案都會中斷。我怎樣才能達到這個效果？

Answer 1

這基本上絕對中心！

.box { 
margin: auto; 
top: 0; left: 0; bottom: 0; right: 0; 
position: absolute;{ 

http://www.bootply.com/1NghWiHcox這裏的例子 - 它的響應！

Answer 2

這是一個最原始的例子：

你應該使用的.text中心（工作水平！），然後用腳手架類搗鼓在響應上下文正確的設置佈局。

垂直居中是另一場球賽。

http://www.bootply.com/LSI2iVTQhJ

希望它能幫助，雖然。

Answer 3

display:table上的一個包含框和display:table-cell + vertical-align:middle關於要被集中的內容是訣竅。 見例如：http://www.bootply.com/UwDSMzGEgE

.box{ 
    display: table; 
    height: 100px; 
} 
.center-me{ 
    display:table-cell; 
    vertical-align:middle; 
}