Несколько промежутков в одной строке с помощью Twitter Bootstrap

Используя стандартную гибкую сетку Twitter's Bootstrap 940px, адаптивную сетку Я пытаюсь получить несколько .span div в один .row .

Я хочу показать максимум 3 .span на каждой внутренней строке, которая увеличивается вместе со страницей. Таким образом, по мере добавления дополнительных .span они просто добавляются к .row .

<div class="navbar navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container-fluid">
      <div class="span4">1</span>
      <div class="span4">2</span>
      <div class="span4">3</span> 
      <div class="span4">4</span>  <!-- wrap to a new line-->                
      <div class="span4">5</span>    
    </div>
  </div>
</div>

Проблема, с которой я столкнулся, заключается в том, что span4, который переносится на новую строку, имеет унаследованное левое поле. Хотя я могу исправить это с помощью nth-child () в современных браузерах, очевидно, что это все еще влияет на IE.

Есть идеи, как я могу этого добиться?

6
задан jigglyT101 28 February 2012 в 07:40
поделиться