title: Bootstrap thumbnail min width
body: <p>Please see the images below
  <a href="https://i.stack.imgur.com/eojN4.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eojN4.jpg" alt="Image 1"></a></p>
  
  <p><a href="https://i.stack.imgur.com/oZgCM.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oZgCM.jpg" alt="Image 2"></a></p>
  
  <p><a href="https://i.stack.imgur.com/wES8n.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wES8n.jpg" alt="image 3"></a></p>
  
  <p>I am using bootstrap thumbnails. When i reduce my screen size using chrome's inpscet element, i get thumbnails as in image1, on further reducing i see the "Go to Page" and "View Details" buttons disorient. When i further reduce the screen size, number of images in a row reduces and again the buttons are aligned properly as in image3. 
  Please help me to <strong>increase the minimum width for my thumbnails which will lead me from image1 to image3</strong>... that is <strong>prevent dis-orienting the button positions.</strong></p>
  
  <p>here is the code for page content</p>
  
  <pre><code> &lt;!-- Page Content --&gt;
          &lt;div id="page-wrapper"&gt;
              &lt;div class="container-fluid"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-lg-12"&gt;
                          &lt;h1 class="page-header"&gt;Home&lt;/h1&gt;
                      &lt;/div&gt;
                      &lt;!-- /.col-lg-12 --&gt;
                  &lt;/div&gt;
                  &lt;style&gt;
                      .thumbnail{
                         // min-width: 240px;
                      }
                  &lt;/style&gt;
                  &lt;!-- /.row --&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-md-12"&gt;
                      &lt;div class="panel panel-default"&gt;
                          &lt;div class="panel-heading"&gt;
                              Recently added
                          &lt;/div&gt;
                          &lt;div class="panel-body"&gt;
                              &lt;div class="row"&gt;
                                  &lt;div class=" col-md-4"&gt;
                                    &lt;div class="thumbnail"&gt;
                                        &lt;img src="&lt;?php echo base_url()."assets/images/placeholder.jpg" ?&gt;" alt="..."&gt;
                                      &lt;div class="caption"&gt;
                                        &lt;h3&gt;Thumbnail label&lt;/h3&gt;
                                        &lt;p&gt;...&lt;/p&gt;
                                        &lt;p&gt;&lt;a href="#" class="btn btn-primary" role="button"&gt;Go to page&lt;/a&gt; &lt;a href="#" class="btn btn-default pull-right" role="button"&gt;View Details&lt;/a&gt;&lt;/p&gt;
                                      &lt;/div&gt;
                                    &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class=" col-md-4"&gt;
                                    &lt;div class="thumbnail"&gt;
                                        &lt;img src="&lt;?php echo base_url()."assets/images/placeholder.jpg" ?&gt;" alt="..."&gt;
                                      &lt;div class="caption"&gt;
                                        &lt;h3&gt;Thumbnail label&lt;/h3&gt;
                                        &lt;p&gt;...&lt;/p&gt;
                                        &lt;p&gt;&lt;a href="#" class="btn btn-primary" role="button"&gt;Go to page&lt;/a&gt; &lt;a href="#" class="btn btn-default pull-right" role="button"&gt;View Details&lt;/a&gt;&lt;/p&gt;
                                      &lt;/div&gt;
                                    &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class=" col-md-4"&gt;
                                    &lt;div class="thumbnail"&gt;
                                        &lt;img src="&lt;?php echo base_url()."assets/images/placeholder.jpg" ?&gt;" alt="..."&gt;
                                      &lt;div class="caption"&gt;
                                        &lt;h3&gt;Thumbnail label&lt;/h3&gt;
                                        &lt;p&gt;...&lt;/p&gt;
                                        &lt;p&gt;&lt;a href="#" class="btn btn-primary" role="button"&gt;Go to page&lt;/a&gt; &lt;a href="#" class="btn btn-default pull-right" role="button"&gt;View Details&lt;/a&gt;&lt;/p&gt;
                                      &lt;/div&gt;
                                    &lt;/div&gt;
                                  &lt;/div&gt;
  &lt;!--                            &lt;/div&gt;
                              &lt;div class="row"&gt;--&gt;
                                  &lt;div class=" col-md-4"&gt;
                                    &lt;div class="thumbnail"&gt;
                                        &lt;img src="&lt;?php echo base_url()."assets/images/placeholder.jpg" ?&gt;" alt="..."&gt;
                                      &lt;div class="caption"&gt;
                                        &lt;h3&gt;Thumbnail label&lt;/h3&gt;
                                        &lt;p&gt;...&lt;/p&gt;
                                        &lt;p&gt;&lt;a href="#" class="btn btn-primary" role="button"&gt;Go to page&lt;/a&gt; &lt;a href="#" class="btn btn-default pull-right" role="button"&gt;View Details&lt;/a&gt;&lt;/p&gt;
                                      &lt;/div&gt;
                                    &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class=" col-md-4"&gt;
                                    &lt;div class="thumbnail"&gt;
                                        &lt;img src="&lt;?php echo base_url()."assets/images/placeholder.jpg" ?&gt;" alt="..."&gt;
                                      &lt;div class="caption"&gt;
                                        &lt;h3&gt;Thumbnail label&lt;/h3&gt;
                                        &lt;p&gt;...&lt;/p&gt;
                                        &lt;p&gt;&lt;a href="#" class="btn btn-primary" role="button"&gt;Go to page&lt;/a&gt; &lt;a href="#" class="btn btn-default pull-right" role="button"&gt;View Details&lt;/a&gt;&lt;/p&gt;
                                      &lt;/div&gt;
                                    &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class=" col-md-4"&gt;
                                    &lt;div class="thumbnail"&gt;
                                        &lt;img src="&lt;?php echo base_url()."assets/images/placeholder.jpg" ?&gt;" alt="..."&gt;
                                      &lt;div class="caption"&gt;
                                        &lt;h3&gt;Thumbnail label&lt;/h3&gt;
                                        &lt;p&gt;...&lt;/p&gt;
                                        &lt;p&gt;&lt;a href="#" class="btn btn-primary" role="button"&gt;Go to page&lt;/a&gt; &lt;a href="#" class="btn btn-default pull-right" role="button"&gt;View Details&lt;/a&gt;&lt;/p&gt;
                                      &lt;/div&gt;
                                    &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-md-12"&gt;
                      &lt;div class="panel panel-default"&gt;
                          &lt;div class="panel-heading"&gt;
                              Top courses
                          &lt;/div&gt;
                          &lt;div class="panel-body"&gt;
                              List top uploaded courses
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;!-- /.container-fluid --&gt;
          &lt;/div&gt;
      &lt;!-- /#page-wrapper --&gt;
  </code></pre>