Boostrap响应列居中宽度＆＃34;跳跃＆＃34;

Question

标记：

<div class="container">
  <div class="row">
    <div class="col-md-8 col-md-offset-2" style="height: 100px; background-color: red;"></div>
  </div>
  <div class="row">
    <div class="col-md-12" style="height: 100px; background-color: blue;"></div>
  </div>
</div>

当我降低浏览器宽度时，col-md-12按比例缩小以适应宽度。对于每个屏幕宽度范围，col-md-12宽度小于之前的范围。

但它与col-md-8 col-md-offset-2不一样。第一宽度降低但随后增加。为了说明我准备的截屏问题：http://i.imgur.com/sRENpiW.png

我怀疑它是＃＆＃34;默认情况下＃34;但也许你遇到过这个问题并得到了解决方案？我希望col-md-8像col-md-12一样。

Answer 1

col-md-8 col-md-offset-2表示＆＃34;当宽度为中等或更高时，将12列中的div 8宽并将其推到两个位置，使其处于中间位置＆＃34;。

当您将窗口宽度返回为小时，则不再有任何规则，因此它将成为整个宽度。

如果要指定小时的宽度，请执行此操作。使用sm代替md。