title: Best approach to divide column in bootstrap
body: <p>I have divided my grid system following way. </p>
  
  <pre><code>&lt;div class="container"&gt;
     &lt;div class="row"&gt;
         &lt;div class="col-md-8"&gt;
             &lt;div class="slider"&gt;&lt;/div&gt;
             &lt;!--divided column into 6/6--&gt;
             &lt;div class="col-md-6"&gt;
                 &lt;img src="img/2.jpg" style="width: 150px;height: 150px;" class="img-thumbnail" /&gt;
                 &lt;img src="img/2.jpg" style="width: 150px;height: 150px;" class="img-thumbnail"/&gt;
                 &lt;img src="img/2.jpg" style="width: 150px;height: 150px;" class="img-thumbnail"/&gt;
             &lt;/div&gt;
             &lt;div class="col-md-6"&gt;
                 &lt;p&gt;some content with image&lt;/p&gt;
             &lt;/div&gt;
         &lt;/div&gt;
         &lt;div class="col-md-4"&gt;
             some content plus image
         &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/Zmbz9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Zmbz9.png" alt="enter image description here"></a></p>
  
  <p>My problem is I can't set 3 images in that div because of less width. Can any one tell how I can make it work. If I am doing any think wrong in my grid system please guide me.</p>
  
  <p>Thank you</p>