title: Need to design 8 boxes in two rows
body: <p>How to design 8 boxes like following using bootstrap? </p>
  
  <ul>
  <li>Please <strong>ignore the colors</strong> each box would <strong>be similar to a visit card</strong>.</li>
  <li>They should only be 8 boxes in two rows.</li>
  <li>With <strong>specific margins to the right and left in big screens</strong> and <strong>no 
  margin in small screens</strong>. So in tablet should be 2 and in mobile 
  version only 1 per row. Also need to make sure the size of boxes are 
  all in the same size.</li>
  </ul>
  
  <p><a href="http://jsfiddle.net/jackmoore/6b5tdj3x/" rel="noreferrer"><strong>Demo</strong></a>
  <img src="https://i.stack.imgur.com/3M11e.png" alt="enter image description here"></p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
                      &lt;div style="border-style: solid;padding:1%;" class="col-md-2 col-md-offset-1"&gt;
                          &lt;div class="row"&gt;
                              &lt;div class="col-md-7"&gt;
                                  &lt;h4&gt;Title&lt;/h4&gt;
                                  &lt;p&gt;Name&lt;/p&gt;
                                  &lt;p&gt;Family&lt;/p&gt;
                              &lt;/div&gt;
                              &lt;div class="col-md-5"&gt;
                                  &lt;img class="img-responsive" src="www.example.com/photo"&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="row"&gt;
                              &lt;p&gt;
                                  Description
                              &lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div style="border-style: solid;padding:1%" class="col-md-2"&gt;
                          &lt;div class="row"&gt;
                              &lt;div class="col-md-7"&gt;
                                  &lt;h4&gt;Title&lt;/h4&gt;
                                  &lt;p&gt;Name&lt;/p&gt;
                                  &lt;p&gt;Family&lt;/p&gt;
                              &lt;/div&gt;
                              &lt;div class="col-md-5"&gt;
                                  &lt;img class="img-responsive" src="www.example.com/photo"&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="row"&gt;
                              &lt;p&gt;
                                  Description
                              &lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div style="border-style: solid;padding:1%" class="col-md-2"&gt;
                          &lt;div class="row"&gt;
                              &lt;div class="col-md-7"&gt;
                                  &lt;h4&gt;Title&lt;/h4&gt;
                                  &lt;p&gt;Name&lt;/p&gt;
                                  &lt;p&gt;Family&lt;/p&gt;
                              &lt;/div&gt;
                              &lt;div class="col-md-5"&gt;
                                  &lt;img class="img-responsive" src="www.example.com/photo"&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="row"&gt;
                              &lt;p&gt;
                                  Description
                              &lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div style="border-style: solid;padding:1%" class="col-md-2"&gt;
                          &lt;div class="row"&gt;
                              &lt;div class="col-md-7"&gt;
                                  &lt;h4&gt;Title&lt;/h4&gt;
                                  &lt;p&gt;Name&lt;/p&gt;
                                  &lt;p&gt;Family&lt;/p&gt;
                              &lt;/div&gt;
                              &lt;div class="col-md-5"&gt;
                                  &lt;img class="img-responsive" src="www.example.com/photo"&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="row"&gt;
                              &lt;p&gt;
                                  Description
                              &lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  </code></pre>