Как мы можем создать динамическую компоновку столбцов с помощью бутстрапа?

Question

Я пытаюсь сделать динамическое расположение столбца с помощью twitter bootstrap. Все желтые блоки формируются в цикле

Пример

<div class="container"> 

<div class="col-lg-4"> 
Sidebar 
</div> 
<div class="col-lg-8"> 
<div class="col-lg-4"></div> 
<div class="col-lg-4"></div> 
<div class="col-lg-4"></div> 
<div class="col-lg-4"></div> 
<div class="col-lg-4"></div> 
<div class="col-lg-4"></div> 
<div class="col-lg-4"></div> 
<div class="col-lg-4"></div> 
<div class="col-lg-4"></div> 
<div class="col-lg-4"></div> 
</div> 

Answer 1

Вы отсутствуют элементы строки:

<div class="container"> 
    <div class="row"> 
    <div class="col-sm-3"> 
     Sidebar 
    </div> 
    <div class="col-sm-9"> 
     <div class="row"> 
     <div class="col-sm-4">1</div> 
     <div class="col-sm-4">2</div> 
     <div class="col-sm-4">3</div> 
     </div> 
     <div class="row"> 
     <div class="col-sm-4">4</div> 
     <div class="col-sm-4">5</div> 
     <div class="col-sm-4">6</div> 
     </div> 
    </div> 
    </div> 
    <div class="row"> 
    <div class="col-sm-3">7</div> 
    <div class="col-sm-3">8</div> 
    <div class="col-sm-3">9</div> 
    <div class="col-sm-3">10</div> 
    </div> 
</div> 

гляньте at this demo bootply