title: bootstrap offsetting without overrides
body: <p>Im new to bootstrap and have not used their grid system before. I am trying to use the full <em>12</em> grid and have one div <em>1-5</em> and one <em>8-12</em> so each div <em>col-lg-5</em>.</p>
  
  <p>Im trying not to override there CSS much to keep it clean, I seem to have a problem with <em>float:left</em>. As far as i can tell from the documentation I am using the system correctly, but its not working, the second div drops to the next line. </p>
  
  <p><strong>MY CODE</strong> </p>
  
  <pre><code> &lt;div class="row"&gt;
              &lt;div class="col-xs-6 col-lg-5 well well-lg"&gt;
                  &lt;h2&gt;Heading&lt;/h2&gt;
                  &lt;p&gt;Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor
                      mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada
                      magna mollis euismod. Donec sed odio dui. &lt;/p&gt;
              &lt;/div&gt;
  
              &lt;div class="col-xs-6 col-lg-5 col-lg-offset-7 well well-lg"&gt;
                  &lt;h2&gt;Heading&lt;/h2&gt;
                  &lt;p&gt;Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor
                      mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada
                      magna mollis euismod. Donec sed odio dui. &lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>