Bootstrap栅格实例:重置偏移、后推或前拉某个列

Bootstrap栅格实例:重置偏移、后推或前拉某个列,示例代码如下所示:

<div class="row">
<div class="col-sm-5 col-md-6">.col-sm-5 .col-md-6</div>
<div class="col-sm-5 col-sm-offset-2 col-md-6 col-md-offset-0">.col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-5 col-lg-6">.col-sm-6 .col-md-5 .col-lg-6</div>
<div class="col-sm-6 col-md-5 col-md-offset-2 col-lg-6 col-lg-offset-0">.col-sm-6 .col-md-5 .col-md-offset-2 .col-lg-6 .col-lg-offset-0</div>
</div>

演示结果如下:

.col-sm-5 .col-md-6
.col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0
.col-sm-6 .col-md-5 .col-lg-6
.col-sm-6 .col-md-5 .col-md-offset-2 .col-lg-6 .col-lg-offset-0

猜你喜欢
减肥方法瘦大腿 如何瘦大腿
钉钉怎么创建团队 钉钉怎么创建团队打卡
吃太多肉的坏处 吃太多肉的坏处是什么
榨汁机不转动是怎么回事 迷你榨汁机不转动是怎么回事
奶油豆腐渣加热再打发 奶油豆腐渣加热再打发还是冷冻
六大茶系的冲泡方法 六大茶类的冲泡方法
清淡的家常菜做法大全 清淡的家常菜做法大全窍门
花雕酒的食用方法 花雕酒饮用方法
榴莲和板栗能一起吃吗 板栗不能和什么一起吃
牛油果丰胸要吃多久 牛油果丰胸吃多久有效

很赞哦! ()