Bootstrap栅格实例:改变列(column)的顺序

在Bootstrap使用过程中,通过使用 .col-md-push-* 和 .col-md-pull-* 类就可以很容易的改变列(column)的顺序。

<div class="row">
<div class="col-md-9 col-md-push-3">.col-md-9 .col-md-push-3</div>
<div class="col-md-3 col-md-pull-9">.col-md-3 .col-md-pull-9</div>
</div>

演示结果如下所示:

.col-md-9 .col-md-push-3
.col-md-3 .col-md-pull-9

猜你喜欢
布鞋子洗白方法 有什么洗白的技巧
梦见喝红糖水什么意思 梦见喝糖水是什么意思
中国工人第一座工会大厦叫什么 中国工人第一座工会大厦叫什么名称
板栗南瓜怎么看老不老 如何看南瓜老不老
如何清洗硫磺枣 清洗硫磺枣的方法
每天吃芒果人会发黄吗 女性芒果吃多了会怎样
牛肉丸火锅的做法 火锅牛肉丸的做法大全
话梅小排怎么做 话梅小排做法

很赞哦! ()