使用Bootstrap 3 实现div居中对齐布局

Bootstrap 作者: Rector 790阅读 0评论 0收藏 收藏本文

郑重申明:本文未经许可,禁止任何形式转载

html:

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

css:

.col-center-block {
    float: none;
    display: block;
    margin: 0 auto;
    /* margin-left: auto; margin-right: auto; */
}

布局效果:

使用Bootstrap 3 DIV 居中对齐

阅读了该文章的人还浏览了...

本文永久链接图享网 » 使用Bootstrap 3 实现div居中对齐布局

发布于: 2017-12-27 18:10:00
分享扩散:

文章评论

获取验证码