#Bootstrap/我想把col md-3放在左边，把col md-9放在右边，但失败了

Question

这是我的代码

<div class="row">
  <div class="col-md-3 col-sm-4">
    <div class="panel-primary">
    ............
    </div>
  </div>
  <div class="col-md-9 col-sm-8" style="background:#000; color:#fff;">main</div>
</div>

它显示了

​

​

它总是在顶部显示col md-3，底部显示col md-9，而不能在左侧显示col md-3，在右侧显示cold-md-9 ...

我尝试了col push和col pull，它工作了，但是我想知道为什么我的原始代码不能工作，以及任何其他(简单的)方法来修复它。

顺便说一句，这段代码可以工作。

<div class="row">
  <div class="col-md-9 col-sm-8" style="background:#000; color:#fff;">main</div>
  <div class="col-md-3 col-sm-4">
    <div class="panel-primary">
    ............
    </div>
  </div>
</div>

​

​

为什么？

Answer 1

默认情况下，在inspect element中检查时可能会有一些余量

或者尝试类pull-left、pull-right