2017-07-26 40 views
1

這似乎工作得很好 - 但我想知道是否可以這樣做?使用引導程序將容器放入容器中?

我爲什麼要這樣做?原因是因爲我想要一個完整頁面寬度的背景顏色,但是我希望內容位於填充容器內。

我做的代碼有效 - 我只是想知道它是否有效?

<div class="container-fluid" style="background-color:#F5F5F5;color:#494949;"> 
    <div class="row"> 
     <div class="col-sm-12"> 
      <div class="container"> 
       <div class="row" style="padding-top:50px;padding-bottom:50px;"> 
        <div class="col-sm-8" style="background-color:yellow;"> 
         <p>Lorem ipsum...</p> 
        </div> 
        <div class="col-sm-4" style="background-color:pink;"> 
         <p>Sed ut perspiciatis...</p> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 
+0

哇 - 頗爲吃驚,一個已經開始跟這一個... – henry

回答

0

您不應該將容器放在容器內,請閱讀引導的規則和指導原則。

你可以像下面這樣做https://jsfiddle.net/31kxamL9/

<section style="background-color:#F5F5F5; color:#494949;"> 
    <div class="container"> 
    <div class="row" style="padding-top:50px;padding-bottom:50px;"> 
     <div class="col-sm-8" style="background-color:yellow;"> 
     <p>Lorem ipsum...</p> 
     </div> 
     <div class="col-sm-4" style="background-color:pink;"> 
     <p>Sed ut perspiciatis...</p> 
     </div> 
    </div> 
    </div> 
</section> 
+0

好工作 - 這看起來好多了 - 有點明顯我猜... – henry