Heim >Web-Frontend >Bootstrap-Tutorial >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!