Kann ich Inhalte in eine Reihe im Raster von Bootstap 3 einfügen?

Question

Ich baue ein Layout, wo viele Zeilen die gesamte Spalte enthalten werden. Ich frage mich, ob ich eine col-12 in jeder dieser Zeilen verschachteln und Inhalt dort hineingeben sollte oder wenn ich nur den Inhalt in die Reihe setzen sollte?

Also, das ist OK:

<div class="row"> 
    <div class="my-lazy-content"></div> 
</div> 

Oder ist es besser, dort zu einer Spalte zu setzen:

<div class="row"> 
    <div class="col-xs-12"> 
    <div class="my-verbose-content></div> 
    </div> 
</div> 

Dank!

Answer 1

Wenn der Inhalt die gesamte Spalte umfassen soll, fügen Sie die col-xs-12 Verpackung div um Ihren Inhalt hinzu. Dies stellt sicher, dass der Inhalt diese 15px Polsterung links und rechts hat und sich nicht einfach an den Kanten des row Elements "ausrichtet", da die Zeilenklasse eine negative -15px Marge hat, um die 15px Polsterung des Containers zu kompensieren?

Ist es unbedingt notwendig, die row s zu haben? Wenn der Inhalt einfach die gesamte Breite des Containers überspannt, verschachteln Sie einfach den Inhalt direkt im Container wie folgt:

<div class="container"> 
    <div class="content-wrapper"> 
    </div> 
</div>