title: Bootstrap pull-left pull right
body: <p>I just cannot get my head around using these two and how they work. For example:</p>
  
  <p>I have a single row and a single column and within I want to align one item left and one item right.</p>
  
  <p>The following puts "left align me" on the LHS and "right align me" on the RHS but not on the same row with each other. I want the text to be on the same row. I can do this with a table but want to learn how to do it properly. What am I missing?</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-md-3"&gt;
        Sidebar
      &lt;/div&gt;
      &lt;div class="col-md-9"&gt;
        &lt;div&gt;
          left align me
        &lt;/div&gt;
        &lt;div class="pull-right"&gt;
          right align me
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>