Вложенная строка сетки сетки

Question

Я хочу создать сетку, где row1 содержит 10% высоты страницы и row2 90%.

Я попытался настроить это, часть тела бутонов не растет в строке2, поскольку элемент col2 в строке2 увеличивается.

Есть ли хороший способ организовать это?

Стр2 имеет два COL, col1 является частью тела col-xs-8 и col2 является элемент выбор коробкой col-xs-8

Fiddle: http://jsfiddle.net/q18yzkoz/2/

это col2 будет разделен на сетку 12X2 сетки.

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-xs-12" style="background-color:lavender;"> 
      <div class="header">Heeader</div> 
     </div> 
    </div> 

    <div class="row" > 
     <div class="col-xs-8" style="background-color:lavenderblush;">ad</div> 
     <div class="col-xs-4" style="background-color:lavender;"> 
      <!-- 12 repeated rows as velow --> 
      <div class="row" > 
       <div class="col-xs-6" style="background-color:lavender;"> 
        <div class="element-box">Item1</div> 
       </div> 
       <div class="col-xs-6" style="background-color:lavender;"> 
        <div class="element-box">item2</div> 
       </div> 
     </div> 
    </div> 
</div> 

Answer 1

кажется, что вы должны дать <div class="element-box"> к вашему объявлению DIV слишком