ブートストラップを使用して、コンテナ内のコンテナを置きますか？

Question

これがうまく動作するようです - しかし、このようにそれを行うにはOKであれば、私は疑問に思って？

なぜ私はこれをやっていますか？私は、フルページ幅である背景色をしたいと思いますが、私は内容が埋められた容器内になりたいので、理由があります。

コード私は作品をやった - それが有効である場合、私はちょうどだろうか？

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