title: Creating Bootstrap layout with two divs side by side
body: <p>I want to create a page with two Divs side by side with bootstrap styles. But not able to make it right with following code. Can someone able to guide me.</p>
  
  <p>Thanks,</p>
  
  <pre><code> &lt;style&gt;
      .boxlayout {
      background-color: white ;
  
      border: 2px solid black;
      padding: 10px;
      margin: 10px;
  }
  &lt;/style&gt;
  &lt;div class="border row boxlayout" style="float:left"&gt;
    &lt;div class="border col-md-3"&gt;.col-md-3&lt;/div&gt;
    &lt;div class="border col-md-3"&gt;.col-md-3&lt;/div&gt;
    &lt;div class="border col-md-3"&gt;.col-md-3&lt;/div&gt;
    &lt;div class="border col-md-3"&gt;.col-md-3&lt;/div&gt;
  &lt;/div&gt;
   &lt;div class="border row boxlayout" style="float:right"&gt;
    &lt;div class="border col-md-3"&gt;.col-md-3&lt;/div&gt;
  </code></pre>
  
  <p>   </p>