在引导柱中心内容[关闭](Center content in bootstrap column [c

2019-10-20 06:30发布

我想中心在我的引导列的一个部分左对齐的内容。

现在,我有这样的:

但我想要:

这个问题是当页面小,我想:

从本质上讲,我想我的内容总是被列内居中。 大部分我已阅读如果列重新安排自己的网页时调整将打破解决方案。 我怎样才能达到这种效果呢?

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


文章来源: Center content in bootstrap column [closed]