Wo setze ich die CSS-Eigenschaften in die Bootstrap-Zeile?

Question

Sorry, wenn das dumm klingt. Aber ich benutze Bootstrap und ich möchte eine Zeile in einem Container eine Hintergrundfarbe von Schwarz mit der Höhe von 100 Pixeln haben. Meine Frage ist, mache ich das auf der Zeilenebene so?

<div class="container"> 
<div class="row"> 
<div class="col-md-12" style="background:black;height:100px;"></div> 
</div> 

Oder ist der richtige Weg, dies zu tun, innerhalb der Reihe in einem neuen div? Es tut mir leid, wenn das eine dumme Frage ist. Aber die Länge der Zeile unterscheidet sich von dem ersten Beispiel gegenüber dem zweiten Beispiel, so dass ich sicherstellen möchte, dass ich das richtig mache.

<div class="container"> 
    <div class="row"> 
    <div class="col-md-12"><div style="background:black;height:100px;"></div></div> 

</div> 

Answer 1

Sie möchten kein Style-Tag hinzufügen. Sie müssen ein weiteres CSS-Stylesheet erstellen und das Styling für diese Klasse deklarieren.

Sagen wir, es ist eine Schienen App.

Im Sheets Verzeichnis ein neues Stylesheet machen, es mit CSS-

Von dort enden sollte werden Sie

.col-md-12 { 
    background-color: black; 
    height: 100px; 
} 

aber Sie sollten beachten, dass Spalten in der Bootstrap-Bibliothek definiert werden, so dass Sie wollen irgendeine Art von anderer Klassendeklaration hinzufügen, damit Sie nicht über-Fahrt all col-md-12 divs

in Ihrem hTML

class="anything col-md-12" 

und in Ihrem css

.anything { 
    background-color: black; 
    height: 100px; 
}