使用TwitterBootstrap 3将列居中如何在容器(12列)中对一个列大小的div进行居中。Twitter启动3?.centered { background-color: red;}<body class="container"> <div class="col-lg-1 col-offset-6 centered"> <img data-src="holder.js/100x100" alt="" /> </div></body>我想要一个div，有一堂课.centered在容器中居中。如果有多个行，我可以使用行。div但是现在我只想要一个div一个列的大小以容器为中心(12列)。我也不确定上述方法是否足够好，因为其意图不是抵消div减半。我不需要在div的内容div按比例收缩。我也想在div外部的空间要均匀分布。(收缩到容器宽度等于一列)。
3 回答
白衣非少年
TA贡献1155条经验 获得超0个赞
.center-block
<div class="container"> <div class="row"> <div class="center-block">row center-block</div> </div> <div class="row"> <div class="col-md-6 brd"> <div class="center-block">1 center-block</div> </div> <div class="col-md-6 brd"> <div class="center-block">2 center-block</div> </div> </div></div><div class="row"> <div class="col-xs-2 col-center-block">row col-xs-2 col-center-block</div></div>
col-center-block
.col-center-block {
float: none;
display: block;
margin: 0 auto;
/* margin-left: auto; margin-right: auto; */}- 3 回答
- 0 关注
- 472 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消