col-md-pull-* 无效果 解决办法

col-md-pull-* 无效果 解决办法：

<div calss="hfeed col-xs-pull-4 col-lg-pull-0 col-md-pull-0 col-sm-pull-0"></div> //只有这样写才会有效果，如果单单只写一个 col-xs-pull-4 是不会出效果的。col-lg，col-md，col-sm 屏幕大，中，小都要一起写上，只有这样 col-xs-pull-* 才会有效果。以上代码仅供参考，自己去测试一下。推荐朋友们阅读以下这篇文章。

 

列排序其实就是改变列的方向，也就是改变左右浮动，并且设置浮动的距离。在栅格系统里，可以通过.col-md-push-*和.col-md-pull-*来实现这一目的。先来看看效果示意图，如图2-6所示。

 

默认情况下，col-md-9在左边，col-md-3在右边，如果要互换位置，需要将col-md-9列向右移动3个列的距离，也就是推3个列的offset，样式用col-md-push-3；而col-md-3则需要向左移动，也就是拉9个列的offset，样式用col-md-pull-9。读者可能会问，为什么不能用左右浮动呢？这是因为所有的列默认情况下都是左浮动，如果要使用左右浮动，那就不知道得修改多少列的左右浮动样式了。所以，作者在统一左浮动的基础上，通过设置left和right的值来实现定位显示。代码如下所示：
// 源码1125行
.col-md-pull-12 {  right: 100%;}
.col-md-pull-11 {  right: 91.66666666666666%;}
.col-md-pull-10 {  right: 83.33333333333334%;}
.col-md-pull-9 {  right: 75%;}
.col-md-pull-8 {  right: 66.66666666666666%;}
.col-md-pull-7 {  right: 58.333333333333336%;}
.col-md-pull-6 {  right: 50%;}
.col-md-pull-5 {  right: 41.66666666666667%;}
.col-md-pull-4 {  right: 33.33333333333333%;}
.col-md-pull-3 {  right: 25%;}
.col-md-pull-2 {  right: 16.666666666666664%;}
.col-md-pull-1 {  right: 8.333333333333332%;}
.col-md-pull-0 {  right: 0;}

.col-md-push-12 {  left: 100%;}

// 其他同理,上pull的设置类似,唯一不同的就是right和left的区别
.col-md-push-0 {  left: 0;}

只是利用左浮动、left、right 3个基础样式，就能实现这种效果，不能不说这真的很巧妙啊（笔者感叹：这3种样式，10年前就会了，为啥自己想不到这种效果呢！）。

出处：http://book.2cto.com/201405/42670.html

Bootstrap 响应式实用工具

http://www.runoob.com/bootstrap/bootstrap-responsive-utilities.html