title: Align 2 panels side by side
body: <p>I need to align three panels side by side and I am unable to do it.</p>
  
  <p>I tried using <code>float:left</code> but that did not work.</p>
  
  <p>Can someone please point me in the right direction?</p>
  
  <pre><code>  &lt;div class="panel panel-default" style="height:350px;width:400px;"&gt;
    &lt;div class="panel-heading"&gt; 1&lt;/div&gt;
    &lt;div class="panel-body"&gt;
    &lt;div class="row"&gt;
    &lt;div col="col-md-4" &gt;
    &lt;div class="panel-body"&gt;&lt;img src="mb3.jpg" alt="cannot load image" `enter code here`class="img-responsive" /&gt;
    &lt;button type="button" class="btn btn-primary btn-block"&gt;button&lt;/button&gt;    &lt;/div&gt;
    &lt;/div&gt;
    &lt;br&gt;
    &lt;br&gt;
    &lt;div col="col-md-4" &gt;
    &lt;div style="float:left;"&gt;
    &lt;div class="panel panel-default" style="height:350px;width:400px;"&gt;
    &lt;div class="panel-heading"&gt; 2&lt;/div&gt;
    &lt;div class="panel-body"&gt;
    &lt;div class="panel-body"&gt;&lt;img src="mb4.png" alt="cannot load image"class="img-responsive"/&gt;
    &lt;button type="button" class="btn btn-primary btn-block"&gt;button&lt;/button&gt;
  </code></pre>