你的位置:首页 > 网页设计

[网页设计][bootstrap]bootstrap2如何引导div垂直居中


参考网址:http://www.4byte.cn/question/138712/bootstrap-how-to-center-vertical.html

部分参考自上面网页中的方法.用过bootstrap的同学知道,bootsrap2中可以使用栅格布局让div水平居中,那么如何让水平居中的div又垂直居中呢?

<div class="container">
<div class="row">
<div >
Some text text text text text .....
</div>
</div>

</div>

直接在css里面设置就可以实现居中,css代码:

/*web background*/.container{  display:table;  height:100%; }.row{  display: table-cell;  vertical-align: middle;}

这样就实现了div的水平加垂直剧中了,完毕!