title: How to nest 2 span4's inside a span8 with padding - and keep them side by side (not stacked)
body: <p>I have a span8 - with 2 nested span4:</p>
  
  <pre><code>&lt;div class="row"&gt;
  &lt;div class="span8 content-left"&gt;
  &lt;div class="padder-big place-details"&gt;
  
  &lt;div class="span4"&gt;
     hello
  &lt;/div&gt;
  
  &lt;div class="span4&gt;
     bye
  &lt;/div&gt;
  
  &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>There is padding in the big span8 - so obviously the 2 span4's stack on top of each other - I would like them side by side.</p>
  
  <p>How can I make them sit side by side and stay aligned to the underlying grid?</p>