title: Thumbnal images not aligningn horizontally
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/&gt;
  
  &lt;div class="container-fluid"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-md-4"&gt;&lt;br&gt;&lt;br&gt;&lt;img src="images\smartphone.png" class="img-circle" alt="" width="243" height="241" align="middle"&gt;&lt;br&gt;&lt;h4  style="color:#1E7145" align="center"&gt;Smart Phone&lt;/h4&gt;&lt;/div&gt;   
      &lt;div class="col-md-4"&gt;&lt;br&gt;&lt;br&gt;&lt;img src="images\oldphone.png" class="img-circle" alt="" width="243" height="241" align="middle"&gt;&lt;br&gt;&lt;h4 style="color:#1E7145" align="center"&gt;Basic Phone&lt;/h4&gt;&lt;/div&gt;  
      &lt;div class="col-md-4"&gt;&lt;br&gt;&lt;br&gt;&lt;img src="images\tab.png" class="img-circle" alt="" width="243" height="241" align="middle"&gt;&lt;br&gt;&lt;h4 style="color:#1E7145" align="center"&gt;Tablet&lt;/h4&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The thumbnail images are not aligned to the center.However the texts are aligned to center.The images are aligned to the left.Is there a solution?</p>