为什么bootstrap将col-md div更改为100％width @ max-width：991？

Question

我正在使用bootstrap所以它会将我的div很好地放在彼此旁边，但每当我将窗口调整为991px宽度时，它会使这些div的宽度达到100％......

代码：

<div class="row">
  <div class="col-md-2">
     <img src="path..."  style="width: 100%; height: auto">
  </div>
  <div class="col-md-2">
     <img src="path..."  style="width: 100%; height: auto">
  </div>
  <div class="col-md-2">
     <img src="path..."  style="width: 100%; height: auto">
  </div>
  <div class="col-md-2">
     <img src="path..."  style="width: 100%; height: auto">
  </div>
  <div class="col-md-2">
     <img src="path..."  style="width: 100%; height: auto">
  </div>
  <div class="col-md-2">
     <img src="path..."  style="width: 100%; height: auto">
  </div>
</div>

图片（调整为991px宽度后）：

Answer 1

Bootstrap 3是移动优先的，这意味着除非您另有说明，否则所有内容都会像处理小型设备一样处理。要更改列的断点，请使用较小的前缀：

col-xs-2

或

col-sm-2

http://getbootstrap.com/css/#grid

此外，使用Bootstrap的响应式图像类，而不是图像上的内联样式（yuck）：

class="img-responsive"

http://getbootstrap.com/css/#images