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