Boostrap 3 делает плавающую панель

Question

В начальных загрузках у меня есть структура сетки с 3-х панелей, как в прилагаемом изображении:

<div class="row"> 
    <div class="col-md-3"> 
     <div class="panel"> 
     <!-- This is table panel on the left --> 
     </div> 
    </div> 

    <div class="col-md-9"> 
     <div class="panel"> 
     <!-- Section 1 panel --> 
     </div> 
    </div> 
<div> 

<div class=" row"> 
    <div class="col-md-9 col-md-offset-3"> 
     <div class="panel"> 
     <!-- Section 2 panel --> 
     </div> 
    </div> 
</div> 

Конечно, как количество строк в таблицах увеличиваются, Секция 3 ... Как я могу сделать панель раздела 3 ниже панели раздела 1?

Answer 1

Вы можете просто переместить панель 3 после того, как панель 1 так:

<div class="row"> 
    <div class="col-md-3"> 
     <div class="panel"> 
     ... 
     This is table panel on the left 
     ... 
     </div> 
    </div> 

    <div class="col-md-9"> 
     <div class="panel"> 
     ... 
     Section 1 panel 
     ... 
     </div> 
     <div class="panel"> 
     ... 
     Section 2 panel 
     ... 
     </div> 
    </div> 
<div>