Wechseln Sie die Tabelle Header Farbe mit Bootstrap
Tabellen sind die Komponenten in HTML, die zur Anzeige von Informationen in einem strukturierten Format verwendet werden. Bootstrap bietet uns, die Farben der Tischkomponenten sehr schnell zu ändern. Dies kann durchgeführt werden, indem nur die Farbklassen innerhalb des Tabellenelements verwendet werden, wie z. B. das “Tabelle-Danger”Klasse, die eine rote Farbe auf die Tischkomponente anwendet.
Dieser Beitrag hat die Methode erklärt, um die Tabellenheaderfarbe mit Bootstrap zu ändern.
Voraussetzung: Erstellen einer Tabelle
Erstellen Sie zunächst eine Tabelle, indem Sie den Schritten folgen:
- Verwenden Sie die “
Element zum Erstellen einer Tabelle.
- Fügen Sie in diesem Element das hinzu “”Tag, um die Überschrift anzugeben. Erstellen Sie eine Zeile mit der “
Tag und fügen Sie die "hinzu" ”Tag, um eine Überschrift hinzuzufügen. - Dann kommt der Körperteil, der “Das Element wird verwendet, um die Tabellenkörper anzugeben.
- Erstellen Sie innerhalb des Körpers Zeilen für die Daten. Zum Beispiel die erste “
"Fügt ein Bild hinzu und das zweite" Element fügt die relevante Beschreibung hinzu. Hier ist der HTML -Code:
Bild Gerätename Laptop Kopfhörer Öffentliches Speakmikrofon Ausgang
Es kann beobachtet werden, dass die Tabelle erfolgreich erstellt wurde. Lassen Sie uns nun sehen, wie Sie die Farbe des Tischkopfs im nächsten Abschnitt anpassen können.
So ändern Sie die Tabellenkopffarbe mit Bootstrap?
Die Tabellenkopffarbe kann mit der “geändert werdenTisch-*"Klasse, wo das Sternchen"*”Symbolisiert die Farbe. Zum Beispiel, "Tischdark"Für dunkelgraue Farbe"Tischsuccess”Für grüne Farbe und viele mehr.
Schauen wir uns einige Beispiele für die Wickel -Tabellen -Headerfarbe an.
Beispiel 1: Tragen Sie die blaue Farbe mit Bootstrap auf den Tischkopf an
Ergänzen Sie die "TischprimärKlasse, um die blaue Farbe auf den Tischkopf anzuwenden:
Ausgang
Beispiel 2: Mit Bootstrap grüne Farbe auf den Tischkopf anwenden
Präzisiere das "TischsuccessKlasse, um die grüne Farbe auf den Tischkopf anzuwenden:
Ausgang
Auf diese Weise können Sie die Tabelle Headset -Farbe mit Bootstrap ändern.
Abschluss
In Bootstrap kann die Tabellenkopffarbe mit der “geändert werdenTisch-*" Klasse. Erstellen Sie zunächst die Tabelle mit der HTML “
" Element. Geben Sie dann das an “"Tag für die Überschrift und die"”Tag für den Tischkörper. Fügen Sie die Klasse "Tabelle-*" dem Tag "" hinzu, um die Headerfarbe wie das "Tischprimär”Setzt die blaue Farbe und vieles mehr. In diesem Beitrag wurde erklärt, wie man eine Tabelle erstellt und wie wir seine Headerfarbe mit Bootstrap ändern können.
- Fügen Sie in diesem Element das hinzu “”Tag, um die Überschrift anzugeben. Erstellen Sie eine Zeile mit der “