Twitter Высота ботстрапа увеличивается при изменении размера окна

Question

У меня проблема, когда высота одного из моих панелей резко возрастает, когда я уменьшаю размер окна. В частности, у меня есть две панели в одной строке: одна - col-grid-5, а другая - col-grid-4. Высота заголовка col-grid-4 (второй ниже под AKA Recent Active Projects) - это тот, который растет больше, чем должен. Вот plunkr:

http://plnkr.co/edit/NfI2xjth4ZU02duwLKDv

<div class="col-md-5"> 
     <div class="panel"> 
.... 
     </div> 
</div> 

<div class="col-md-4"> 
     <div class="panel"> 
.... 
     </div> 
</div> 

При изменении размера окна в plunkr, вы увидите, что это произойдет в течение определенного диапазона ширины окна. Проблема уходит, если я переупорядочу таблицы (т. Е. Сначала поставлю второй). Однако я не могу понять, почему это работает.

Любые советы будут замечательными!

Answer 1

Это проблема очистки флота. Вам нужно добавить еще один тег .row вокруг вашего вложенного .col-sm-6. Простой ответ заключается в том, что в любое время, когда у вас есть группа столбцов в бутстрапе, вам нужна строка вокруг них.

<div class="col-md-5"> 
     <div class="panel"> 
      <div class="panel-heading no-border bg-primary"> 
       <span class="text-lt">Time Summary</span> 
      </div> 
      <div class="row"> 
       <div class="panel m-n col-sm-6 padder-v"> 
       Hours Today 
       <i class="icon-arrow-right pull-right m-t-lg"></i> 
       <div class="h2 b-b m-t-sm">2.50 </div> 
       </div> 
       ... 
      </div> 
     </div> 
    </div> 

Обновлено plunker: http://plnkr.co/edit/rQqusAmUEWFrKMEqxRmz?p=preview