title: Left align div using bootstrap css
body: <p>I have following divs that i am trying to align in a certain order. I would like to have them form two rows, with divs aligned to left always.</p>
  
  <p>I have the code of the same here: <a href="http://plnkr.co/edit/nas4MSwviK7esUU97S2F?p=info" rel="nofollow noreferrer">Code on Plnkr</a></p>
  
  <p>Here is a snippet of the code:</p>
  
  <pre><code>&lt;div class="col-md-4 col-sm-6 col-xs-12"&gt;
      &lt;table class="table"&gt;
          &lt;tr class="info"&gt;&lt;td&gt;&lt;b&gt;Row 1&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;item&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;item&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  &lt;div class="col-md-4 col-sm-6 col-xs-12"&gt;
      &lt;table class="table"&gt;
          &lt;tr class="info"&gt;&lt;td&gt;&lt;b&gt;Row 1&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;item&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;item&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;item&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;item&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  &lt;div class="col-md-4 col-sm-6 col-xs-12"&gt;
     &lt;table class="table"&gt;
          &lt;tr class="info"&gt;&lt;td&gt;&lt;b&gt;Row 1&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;item&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;item&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  &lt;div class="col-md-4 col-sm-6 col-xs-12"&gt;
      &lt;table class="table"&gt;
          &lt;tr class="info"&gt;&lt;td&gt;&lt;b&gt;I have to be left aligned&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;item&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;item&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Live preview of the same is here: <a href="http://run.plnkr.co/maWLg7NQ7vbGkRyS/" rel="nofollow noreferrer">Live preview</a></p>
  
  <p>What can I do to left align the fourth div.</p>