Bootstrap ist ein CSS -Framework, das vordefinierte Klassen für die HTML -Elemente verwendet. In Bootstrap gibt es viele Möglichkeiten, den Text zu dekorieren, z. Das Hervorheben des Textes bezieht sich auf den Stil, der den Text prominent macht und sich in einem Dokument auszeichnet.
In diesem Beitrag wird beschrieben, wie man Text in Bootstrap hervorhebt.
Wie man Text in Bootstrap hervorhebt?
In Bootstrap, die “Element wird verwendet, um den Text hervorzuheben. Dieses Tag ist mit dem definiert “Hintergrundfarbe”Eigenschaft mit dem Wert“#fcf8e3”.
Siehe das unten angegebene Beispiel.
Beispiel 1: Heben Sie den Text mit „Element aus
Ergänzen Sie die "Tag in der HTML -Datei und platzieren Sie den Text, den Sie in der “hervorheben möchten" Schild:
Mark: Willkommen zu LinuxHint!
Ausgang
Beispiel 2: Ändern Sie die "Hintergrundfarbe" des "" -Elements "
Wir haben gesehen, wie das "Das Element zeigt den Text hervor. Sie können jedoch auch das verwenden “bg-*Klasse, um die Farbe entsprechend Ihrem Bedarf festzulegen.
Das folgende Beispiel verwendet das “BG-InfoKlasse, um den Text in der blauen Farbe hervorzuheben:
Mark: Willkommen zu LinuxHint!
Es kann beobachtet werden, dass der zusätzliche Text nach der angegebenen Klasse erfolgreich hervorgehoben wurde:
Es gibt einige andere Elemente, die verwendet werden, um den Text aufzuheben. Diese Elemente sind unten aufgeführt:
Schauen Sie sich das Beispiel an, das diese Elemente mit der “verwendet“ Stark: Willkommen bei LinuxHint! Klein: Willkommen bei LinuxHint! U: Willkommen bei LinuxHint! INS: Willkommen bei LinuxHint! EM: Willkommen bei LinuxHint! Sie können auch die „verwenden“bg-*Klasse, um den Text hervorzuheben, wie im folgenden Beispiel demonstriert: Willkommen bei LinuxHint Abschluss Um den Text in Bootstrap hervorzuheben, die “Element wird verwendet. Dieses Element wendet das an “#fcf8e3”Farbe zum Hintergrund des Elements. Darüber hinaus die Bootstrap “bg-*"Die Klasse kann auch verwendet werden, um den Text hervorzuheben, in dem"*”Zeigt die Farbe an, die angewendet wird. Dieser Beitrag hat die Möglichkeiten erklärt, den Text in Bootstrap hervorzuheben. Del: Willkommen bei LinuxHint!. S: Willkommen bei LinuxHint!
Ausgang
Beispiel 3: Hintergrundfarbe hinzufügen, um den Text hervorzuheben
Hier die angegebenen “BG-WarnungDie Klasse wird den gelben Hintergrund anwenden:
Dies sind die Möglichkeiten, den Text in Bootstrap hervorzuheben.