引导列中的中心内容

Question

我想在我的一个引导列中集中一些左对齐内容。

现在我有这个：

但我想要：

问题是当页面很小时，我想要：

基本上，我希望我的内容始终在列中居中。如果在调整页面大小时列重新排列，我读过的大多数解决方案都会中断。我怎样才能达到这个效果？

Answer 1

这基本上是绝对的中心！

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

http://www.bootply.com/1NghWiHcox这里的例子 - 它的响应！

Answer 2

这是一个粗略的例子：

你应该使用.text-center（水平工作！），然后摆弄脚手架类，在响应式上下文中设置布局。

垂直定心是另一场球赛。

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