Как сделать 3 сетки в Bootstrap

Question

может кто-нибудь сказать мне, как я могу сделать в bootstrap 3 сетки вроде этого?

Answer 1

Что вы там делали только разделить DIV в два, Это может быть сделано путем установки двух цв-мкр-6 в одном ряду.

После этого возьмите второй столбец и разделите его на два кол-м-д-12. Это положит два «ящика» друг на друга.

Полный код:

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-md-6 blue"> 
     </div> 
     <div class="col-md-6"> 
      <div class="row"> 
       <div class="col-md-12 red"> 
       </div> 
      </div> 
      <div class="row"> 
       <div class="col-md-12 green"> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

.red { 
    background-color: rgb(255,0,0); 
    width: 100px; 
    height: 100px; 
    } 

    .green { 
    background-color: rgb(0,255,0); 
    width: 100px; 
    height: 100px; 
    } 

    .blue { 
    background-color: rgb(0,0,255); 
    width: 200px; 
    height: 200px; 
    }