title: Multiple Spans In One Row with Twitter Bootstrap
body: <p>Using Twitter's Bootstrap's standard 940px fluid grid responsive grid I'm trying to get multiple <code>.span</code> div's in <em>one</em> <code>.row</code>.</p>
  
  <p>I want to show a max of 3 <code>.span</code>'s on each internal line that grows with the page. So as more .span's are added they just get added to the <code>.row</code>. </p>
  
  <pre><code>&lt;div class="navbar navbar-fixed-top"&gt;
    &lt;div class="navbar-inner"&gt;
      &lt;div class="container-fluid"&gt;
        &lt;div class="span4"&gt;1&lt;/span&gt;
        &lt;div class="span4"&gt;2&lt;/span&gt;
        &lt;div class="span4"&gt;3&lt;/span&gt; 
        &lt;div class="span4"&gt;4&lt;/span&gt;  &lt;!-- wrap to a new line--&gt;                
        &lt;div class="span4"&gt;5&lt;/span&gt;    
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The problem I'm facing is that the span4 which wraps to a new line has the inherited left margin.  While I can fix this with nth-child() in modern browsers, it obviously still affects IE.</p>
  
  <p>Any ideas how I can achieve this?</p>