使用引导程序将容器放入容器中？

Question

这似乎工作得很好 - 但我想知道是否可以这样做？

我为什么要这样做？原因是因为我想要一个完整页面宽度的背景颜色，但是我希望内容位于填充容器内。

我做的代码有效 - 我只是想知道它是否有效？

<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> 

Answer 1

您不应该将容器放在容器内，请阅读引导的规则和指导原则。

你可以像下面这样做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>