Bootstrap行始終需要容器作爲父項？

-1

我的引導行有負餘量，它弄亂了我的頁面（我可以水平滾動這不應該發生）。引導行總是需要有一個容器作爲它們的父類？我該如何解決這個問題？我遇到了很多。Bootstrap行始終需要容器作爲父項？

我該如何正確格式化？

<div class="container"> 
    <div class="row"> 
     <div class="col-md-8"> 
      <div class="row row-one"> 
       ...stuff... 
      </div> 
      <div class="row row-two"> 
       ...stuff... 
      </div> 
     </div> 
     <div class="col-md-4> 
      ...stuff... 
     </div> 
    </div> 
</div>

會是嗎？

<div class="container"> 
    <div class="row"> 
     <div class="col-md-8"> 
      <div class="container"> ** CONTAINER HERE? ** 
       <div class="row row-one"> 
        ...stuff... 
       </div> 
       <div class="row row-two"> 
        ...stuff... 
       </div> 
      </div> 
     </div> 
     <div class="col-md-4> 
      ...stuff... 
     </div> 
    </div> 
</div>

來源

2017-01-09 georgej

「行必須放在.container（固定寬度）或.container-fluid（全寬度）內才能正確對齊和填充。」 http://getbootstrap.com/css/#grid –

Bootstrap默認的「行」類在左側和右側有15px的負填充，其中「容器」類在兩側填充了15px的填充。所以你應該在bootstrap中始終使用「continer」作爲「row」類的父項來擺脫這種水平滾動問題。 –

引導程序的默認「行」類具有15px的負「邊距」。在之前的評論中，我聲明它有負面的「填充」錯誤。 –

我認爲你應該閱讀這Documentation從你可以清楚瞭解如何boostrap佈局的工作原理。有一種方法可以使用boostrap框架工作，爲了獲得良好的表現，你必須以他們提到的方式使用某些css。

來源

2017-01-09 20:03:06 PMArtz

通常，引導行總是具有-15px的邊距，並且容器沿着左側和右側都有15px的填充。如果你使用容器和行，那麼它的總和將爲零，你將擺脫這種問題。從引導文檔中讀取網格系統。

來源

2017-01-09 20:05:47

Bootstrap行始終需要容器作爲父項？

回答

相關問題