如何在Bootstrap中創建3個網格

Question

有人可以告訴我，我如何在自舉3個網格中這樣做？

Answer 1

你在那裏做的只是將一個div分成兩份， 這可以通過在一行中設置兩個col-md-6來完成。

之後，採取第二個col並將其拆分成兩個col-md-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; 
    }