Welche Klassen gibt es im Bootstrap?

Welche Klassen gibt es in Bootstrap?

Häufig verwendete Stilklassen in BootStrap

Rasteroptionen

Zeile: Zeile

col--: Spalte (die erste kann xs[extra small]/sm[small]/ sein md [Medium]/lg[Large]; der zweite muss [Anzahl der Spalten] innerhalb von 12 sein)

col--offset-: Spaltenoffset (der erste ist derselbe wie oben, der zweite Bereich ist 1 ~ 11, bedeutet das Hinzufügen einer Spalte am linken Rand (Rand links) der Spalte)

col---: Spaltensortierung (die erste ist die gleiche wie oben, die zweite kann gedrückt werden[ rechts]/ziehen[ nach links], der dritte Bereich ist 1~11 [Anzahl der Spalten])

Schriftsatz

klein: Inline-Untertitel

Lead: Boot-Textkopie

Text-: Textstil (kann links[linksbündig]/zentriert[zentriert]/rechts[rechtsbündig]/stummgeschaltet[abgeschwächter Text] sein

/primary/success /info/warning/danger

/justify[automatischer Zeilenumbruch]/nowrap[kein Zeilenumbruch]

/lowercase[lowercase]/uppercase[uppercase]/ großschreiben[den ersten Buchstaben groß schreiben]

)

list-inline: Die Liste wird in derselben Zeile platziert

Tabelle

Tabelle: Einfacher Stil, nur horizontale Trennlinie

Tabelle-: Tabellenstil (*kann getippt werden[Streifen hinzufügen]/mit Rahmen versehen[Ränder hinzufügen]/schweben[Hover aktivieren]/komprimiert[kompakter])

tr/th/td: durch Aktiv/Erfolg/Info/Warnung/Gefahr, um die Hintergrundfarbe zu ändern

table-responsive: Platzieren Sie eine beliebige Tabelle in table-responsive, um eine responsive Tabelle zu implementieren

Formular

Schritte zum Erstellen eines Basisformulars (vertikales Formular)

Rolle="form" zum übergeordneten Element hinzufügen;

Platzieren Sie die Beschriftung und das Steuerelement in einer Klasse mit der Klasse .form-group. Dies ist erforderlich, um den besten Abstand zu erhalten.

Verwandte Empfehlungen: „Bootstrap-Tutorial“

Das obige ist der detaillierte Inhalt vonWelche Klassen gibt es im Bootstrap?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!