Bootstrap .Behälter-Flüssigkeit mit ".Behälter-like" Layout

Question

Ich habe eine Bootstrap Website .container für das Layout mit einer zusätzlichen CSS Eigenschaft für .container in meiner Website mit CSS gebaut:

.container { 
    width: 1170px; 
} 

Ich bin jetzt versuchen, zu einem .container-fluid Layout zu bewegen, so dass ich Vollbild-Hintergrundbilder in meinen divs haben kann, aber gleichzeitig brauche ich noch den tatsächlichen Inhalt meiner divs ein .container-ähnliches Layout zu haben. Ich habe bisher versucht, eine .container in einer .container-fluid zu verschachteln, aber das scheint nicht die beste Lösung oder eine gute Praxis für diese Angelegenheit.

Jede Anleitung würde sehr geschätzt werden.

Answer 1

helfen sollte, wollte ich dieses vor kurzem tun, aber einige der Lösungen, die ich waren komplexer gefunden als nötig. Was ich getan habe, war ziemlich genau, was uʍopǝpısdn bereits in den Kommentaren Ihrer Frage, d. H. Wrap .container in einer div vorgeschlagen hat.

Ich habe einige Farbarten für jeden der Abschnitte I gefärbt benötigt:

.bg-black { 
    background-color: #111; 
} 
//add more colors, even background images in a similar manner 

und verwendet diese Stile wie Klassen jedes div Einwickeln:

<div class="bg-black"> 
    <div class="container"> 
     //content here 
    </div> 
</div> 
<div class="bg-red"> 
    <div class="container"> 
     //other content here 
    </div> 
</div> 
//...and so on 

Diese Lösung, die Sie offensichtlich Umstrukturierung erfordert Ihre HTML verwenden Sie eine .container pro Abschnitt anstelle einer .container pro body, die ich fand, um ganz gut zu arbeiten.

Answer 2

<div class="container-fluid"> 
    <div class="wrap"> 
    <div class="container"> 
     <div class="row"> 
     here u can use span or u can provide the style property 
     </div> 
    </div> 
    </div> 
</div> 

denke, es ist u :)