Используя стандартную гибкую сетку 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.
Есть идеи, как я могу этого добиться?