Bootstrap重新排序适用于3.0，而不是3.1.1

Question

我有三个div，根据屏幕宽度以不同的顺序显示：

对于lg应该是 3 7 2

对于md应该是 7 2 3

对于sm，它应该是

2 3 7

我有这段代码：

<div class="container">
    <div class="row">
        <div class="col-lg-3 col-md-3 col-md-push-9 col-lg-push-0 col-sm-3 col-sm-push-2">
            <div class="well">
                <h1>3</h1>
            </div>
        </div>
        <div class="col-lg-7 col-md-7 col-md-pull-3 col-lg-pull-0 col-sm-7 col-sm-push-2 col-lg-push-0 col-md-push-0">
            <div class="well">
                <h1>7</h1>
            </div>
        </div>
        <div class="col-lg-2 col-md-2 col-md-pull-3 col-lg-pull-0 col-sm-2 col-sm-pull-10">
            <div class="well">
                <h1>2</h1>
            </div>
        </div>
    </div>
</div>

它与Bootstrap 3.0一样正常工作，但Bootstrap 3.1.1有以下问题：

它适用于lg和sm，但对于md，7与2和3重叠...

Answer 1

将以下内容添加到CSS

@media (min-width: 992px) {
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-0 {
    left: auto;
  }
}

您可以在jsbin上测试样本。

Answer 2

我报告了@MatijaGrcic建议的bootstrap问题......

这似乎是3.1.1中的问题，但它已在3.2中修复。

指向已报告问题的链接：https://github.com/twbs/bootstrap/issues/13517#issuecomment-42241223

这是修补它的小提琴：

http://jsfiddle.net/VJqR7/2/

/*!
 * Bootstrap v3.2.0-pre (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */