title: Why is bootstrap changing a col-md div to 100% width @max-width:991?
body: <p>I am using bootstrap so it would place my divs nicely next to eachother but whenever I resize my window to 991px width it makes these divs 100% width ... </p>
  
  <p>code : </p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="col-md-2"&gt;
       &lt;img src="path..."  style="width: 100%; height: auto"&gt;
    &lt;/div&gt;
    &lt;div class="col-md-2"&gt;
       &lt;img src="path..."  style="width: 100%; height: auto"&gt;
    &lt;/div&gt;
    &lt;div class="col-md-2"&gt;
       &lt;img src="path..."  style="width: 100%; height: auto"&gt;
    &lt;/div&gt;
    &lt;div class="col-md-2"&gt;
       &lt;img src="path..."  style="width: 100%; height: auto"&gt;
    &lt;/div&gt;
    &lt;div class="col-md-2"&gt;
       &lt;img src="path..."  style="width: 100%; height: auto"&gt;
    &lt;/div&gt;
    &lt;div class="col-md-2"&gt;
       &lt;img src="path..."  style="width: 100%; height: auto"&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>picture (after resizing to 991px width): </p>
  
  <p><img src="https://i.stack.imgur.com/B6QME.png" alt="enter image description here"></p>