Bootstrap 4 Karten Grenzfarben

Karten sind flexible Behälter von Bootstrap 4. Sie bieten Überschriften, Text, kontextbezogene Hintergrundfarben und viele andere vorteilhafte Optionen. Es gibt Hunderte von Bootstrap -Klassen, die verwendet werden, um die Elemente zu stylen. Zum Beispiel, um die Hintergrundfarbe der Elemente anzupassen, die “BG"Klasse wird mit den Farbklassen angegeben, wie z."BG-Primary","BG-Info", und viele mehr.

Dieser Beitrag wird veranschaulichen:

• So erstellen Sie eine Karte in Bootstrap?
• Karten grenzen Farben in Bootstrap
• So fügen Sie Karten in Bootstrap Grenzfarbe hinzu?

So erstellen Sie eine Karte in Bootstrap?

Die Bootstrap "KarteDie Klasse kann verwendet werden, um eine Karte zu erstellen. Sie können die Kartenüberschrift, den Text und die Komponenten für die Karte angeben, indem Sie die Klassen verwenden, wie zKartentitel","Kartenkörper", Und "Kartenfuß”:

LinuxHint

LinuxHint Mission

Wir bieten die gefragten technischen Fähigkeiten und Kenntnisse, um die Welt zu erziehen.

Kontakt: xxx-xxx-xxxx

Ausgang

Karten Grenze Farben in Bootstrap 4

Mehrere Bootstrap -Kurse werden verwendet, um farbenfrohe Grenzen auf der Karte anzuwenden. Einige von ihnen sind unten angegeben:

Grenzklassen	Beschreibung
Grenzwarnung	Diese Klasse wendet die gelbe Farbe auf den Rand an.
Grenzübernahme	Diese Klasse wendet die grüne Farbe auf den Rand an.
Grenzdanger	Diese Klasse wendet die rote Farbe auf den Rand an.
Grenzlicht	Diese Klasse wendet die hellgraue Farbe auf den Rand an.
Grenze-Info	Diese Klasse wendet die himmelblaue Farbe auf den Rand an.
Grenz-Primary	Diese Klasse wendet die blaue Farbe auf den Rand an.
Grenzdark	Diese Klasse wendet die dunkelgraue Farbe auf den Rand an.
Grenzsekundär	Diese Klasse wendet die graue Farbe auf den Rand an.

So fügen Sie Karten eine Grenzfarbe hinzu?

Für ein besseres Verständnis fügen wir eine "hinzu"Grenzübernahme"Klasse innerhalb der""Element mit Klasse"Karte”Um den Effekt zu sehen.

Beispiel 1: Hinzufügen von Randfarben zu einer einzelnen Karte in Bootstrap Hinzufügen

In diesem Beispiel das “GrenzübernahmeDie Klasse wird verwendet, um die grüne Rand um die Karte anzuwenden:

LinuxHint

LinuxHint Mission

Wir bieten die gefragten technischen Fähigkeiten und Kenntnisse, um die Welt zu erziehen.

Die angegebene Ausgabe überprüft, ob die grüne Grenze erfolgreich um die Karte angewendet wurde:

Schauen Sie sich das folgende Beispiel an, das andere Klassen von Grenzfarben darstellt, die auf die Karten angewendet werden.

Beispiel 2: Hinzufügen von Grenzfarben zu mehreren Karten in Bootstrap Hinzufügen

Hier fügen wir mit Hilfe der angegebenen Klassen mehrere Karten in Bootstrap Randfarben hinzu:

LinuxHint

LinuxHint Mission

Wir bieten die gefragten technischen Fähigkeiten und Kenntnisse, um die Welt zu erziehen.

LinuxHint

LinuxHint Mission

Wir bieten die gefragten technischen Fähigkeiten und Kenntnisse, um die Welt zu erziehen.

LinuxHint

LinuxHint Mission

Wir bieten die gefragten technischen Fähigkeiten und Kenntnisse, um die Welt zu erziehen.

Ausgang

Beispiel 3: Hinzufügen von Grenzfarben zu mehreren Komponenten einer einzelnen Karte in Bootstrap Hinzufügen

Benutzer können auch Grenzfarben um andere Kartenkomponenten anwenden. Zum Beispiel haben wir die Grenzfarbkurse auf Karten-, Kartenkopf- und Kartenfußzeile angewendet:

LinuxHint

LinuxHint Mission

Wir bieten die gefragten technischen Fähigkeiten und Kenntnisse, um die Welt zu erziehen.

Kontakt: xxx-xxx-xxxx

Ausgang

Es geht darum, die Grenzfarben der Karte in Bootstrap 4 anzuwenden.

Abschluss

Der "KarteDie Klasse wird verwendet, um eine Karte in Bootstrap zu erstellen. Um eine Grenze um die Karte hinzuzufügen, die “Grenze"Klasse mit der Farbklasse wird implementiert, wie die"Grenz-Primary"Klasse, die für einen blauen Rand verwendet wird"Grenzdanger”Für eine rote Grenze und vieles mehr. Dieser Blog hat die Grenzfarben der Karte in Bootstrap 4 erläutert.