首页 > 用Bootstrap3的哥们,你们是怎么实现内容居中的?

用Bootstrap3的哥们,你们是怎么实现内容居中的?

用BS,每个页面的标准写法是:

<body>
<div class="container">
  <div class="row">
    <div class="col-md-12">
    </div>
  </div>
</div>
</body>

如果要让一列里面的内容居中,该怎么写?

因为我的项目有1000多个页面,所有页面的要求都是要内容居中

每个页面都有多个row和col-md-*,为让内容居中,都要再包上一个div class="center-block"吗?
如果我有1000个页面,每个页面平均有5个内容区域,为了内容居中,要写5000次。
有没什么通用的办法?


container不是居中的?


内容垂直居中?
不考虑兼容低版本IE可以使用
flexbox方案:父元素display:flex;align-content: center;justify-content:center;
CSS3transform方案:父元素position:relative;子元素position: absolute;left: 50%;top:50%;transform: translate3D(-50%,-50%,0);
更多方法看这里http://www.qianduan.net/css-to-achieve-the-vertical-center-of-the-five-kinds-of-methods/


再添加css样式


晕 自己写条样式啊………
text-align:center


如果是水平居中,可以在要居中内容外层标签添加class属性:text-center

【热门文章】
【热门文章】