【Bootstrapt】offset、push、pull

实现方式的区别：

　　col-md-offset-*，是利用margin-left实现的，col-md-push-*/col-md-pull-*是利用相对定位实现的。

效果的区别：

col-md-offset-*只能向右偏移（margin-left），而push（float：right）/pull（float：left）因为是相对定位，既可以左偏移也可以右偏移

注意：

如果一行的偏移量实际的宽度综合超过12，col-md-offset会换行显示，也是因为margin，而push/pull只会一部分不可见（超出容器），因为是相对自身定位。

从功能上来看，push和pull可以用来给元素换位置，比较灵活。

 

 

col-md-offset实现div居中

<div class="container">
    <h1>Hello, world!</h1>
    <div class="row" >
        <div class="col-md-6 col-md-offset-3"  style="background-color: #dedef8;">
            <p>中华民族</p>
        </div>
    </div>
</div>

 

具体查看api：https://www.runoob.com/bootstrap/bootstrap-grid-system.html

转载于:https://www.cnblogs.com/itplay/p/11161049.html