Platzieren eines Containers in einen Container mit Bootstrap?

Question

Das scheint gut zu funktionieren - aber ich frage mich, ob es in Ordnung ist, es so zu machen?

Warum mache ich das? Der Grund ist, weil ich eine Hintergrundfarbe haben möchte, die volle Seitenbreite ist, aber ich möchte, dass der Inhalt in einem gepolsterten Behälter ist.

Der Code, den ich habe funktioniert - ich frage mich nur, ob es gültig ist?

<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

Sie sollten niemals einen Behälter innerhalb eines Behälters setzen, die Regeln und Richtlinien des Bootstrap lesen.

Sie tun können, es wie dieses 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>