Автоматическое плавание с загрузочным твитером

Question

У меня есть ряд элементов в пределах row-fluid и span12, которые являются span4. Я хочу иметь возможность выводить столько из них, сколько необходимо, и автоматически их выстраивать в столбцы из 3. Проблема im заключается в том, что это происходит, но есть смещение (нечеткое смещение поплавка).

Есть ли способ сделать это, не подсчитывая каждую коробку и каждый третий, закрывающий предыдущую строку и начинающий новый?

 <div id="content" class="clearfix row-fluid"> 

      <div id="main" class="span12 clearfix" role="main"> 

       <div class="row-fluid"> 
        <div class="span4">Test</div> 
        <div class="span4">Test</div> 
        <div class="span4">Test</div> 
        <div class="span4">Test</div> 
        <div class="span4">TEst</div> 
       </div> 



      </div> 


     </div> 

Answer 1

Это практически неизбежно, если ваши коробки имеют разную высоту. Вы можете обойти эту проблему, используя Masonry jQuery plugin.

В противном случае вы можете использовать фиксированную высоту для своих ящиков.

Это происходит из-за того, что элементы с плавающей точкой выпадают из обычного потока документов HTML и по умолчанию это поведение, когда некоторые элементы выше, чем их братья и сестры.