Twitter Bootstrap 3 SideBar通知無法正常顯示

Question

我正在創建一個網頁，我希望在左側顯示內容（9列），並在右側邊欄顯示廣告（3列）。在左側，我有嵌套兩行，並希望內容t0顯示在行內。但是當我在實時服務器上測試時，廣告不會正確顯示。我正在使用Bootstrap 3分區頁面。

<!--Parent row --> 
<div class="row"> 

    <div class='row'> 
     <div class="col-sm-9"> 
      //Page content..... 
     </div> 
    </div> 

    <div class='row'> 
     <div class="col-sm-9"> 
      //Page content..... 
     </div> 
    </div> 

    <div class="row"> 
     <div class="col-sm-9"> 
      //...Google Ads display 
     </div> 
    </div> 

</div> <!--END parent row --> 

Answer 1

自舉，所有列加起來必須等於12.我可以看到你有9列，這使得18

佈局就需要像這樣的3套：

<!--Parent row --> 
<div class="row"> 
    <div class="col-sm-9"> 
     <div class="col-sm-6"><!-- Nested col 1 (of 50%) --></div> 
     <div class="col-sm-6"><!-- Nested col 2 (of 50%) --></div> 
    </div> 
    <div class="col-sm-3"><!-- ...Google Ads display --></div> 
</div> <!--END parent row --> 

這會將Google廣告列放到右側，並且在頁面內容列中有兩個嵌套列。

.row類應該只用於每行一次，而不是每列。