Der Text in Bootstrap kann mit mehreren Farben farbenfroh gemacht werden. Diese Farben werden unter Verwendung der Text -Farbklassen wie „angewendet“ angewendetText-Primary","Text-Info","Textdark", und viele mehr. Genauer gesagt das “Text-MUTE”Klasse ist einer von ihnen. Diese Bootstrap -Klasse wird verwendet, um ein gedämpftes Erscheinungsbild auf den Text des Elements anzuwenden.

Dieser Beitrag unterrichtet Sie über:

• Was ist Bootstrap CSS "Klasse: text-mutiert"?
• So fügen Sie das HTML?
• So verwenden Sie die Klasse „Text-Muted“ mit anderen Textfarbenklassen?

Was ist Bootstrap CSS "Klasse: text-mutiert"?

Der "Text-MUTE”Die Klasse ist mit dem" die "gestaltet"Farbe"Eigenschaft mit dem Wert"#6c757d" (grau). Diese Klasse wird oft verwendet, um den Text im Hintergrund verschwinden zu lassen oder ihn zu deaktivieren.

So fügen Sie das HTML?

Verstehen wir es mit Hilfe eines praktischen Beispiels:

• Füge hinzu ein ""Element und zuweisen"Karte","W-50", Und "M-Auto" Klassen.
• Geben Sie für den Kartenheader das an “KartenhaderKlasse im verschachtelten "" Element. Ergänzen Sie die "

  Element, um die Kartenüberschrift anzupassen.

• Erstellen Sie dann den Kartenkörper, indem Sie einen Container mit der Klasse hinzufügenKartenkörper”. In diesem "" fügen Sie die "hinzu"

  "Element mit der Klasse"Text-MUTE”.

• Erstellen Sie schließlich die Kartenfußzeile mit der Klasse “Kartenfuß”Und fügen Sie die" hinzu "

  Element mit etwas Text.

Hier ist der HTML -Code:

lt; H1> Mr. Wilhelm

Kreativer Software -Ingenieur

Kontakt: xxx-xxx-xxxx

Aus der Ausgabe wird angezeigt, dass der Text des Kartenkörpers gedämpft ist, während der Text des Kartenfußes der normale Text ist:

So verwenden Sie die Klasse „Text-Muted“ mit anderen Textfarbenklassen?

Der "Text-MUTEDie Klasse wird zu dem Element hinzugefügt, das Sie beeinflussen möchten. Es kann auch zusammen mit anderen Farbkursen angewendet werden. Es wird jedoch die anderen Textfarbenklassen außer Kraft gesetzt.

Beispiel

Lassen Sie uns das hinzufügenTextdanger" und das "Text-MUTEKlasse im laufenden Beispiel:

Kreativer Software -Ingenieur

Hier:

• “Schriftdicke: fettDie Klasse macht die Schrift dick.
• “Textdanger”Klasse wendet die rote Textfarbe an.
• “Text-MUTEDie Klasse fügt dem Text einen subtilen Effekt hinzu.

Ausgang

Das ist alles über die Bootstrap CSS -Klasse “Text-MUTE”.

Abschluss

Die Bootstrap CSS -Klasse “Text-MUTE"Ist mit der Immobilie gestaltet"Farbe"Mit dem Wert"#6c757d”. Diese Klasse wird verwendet, um Text mit einem gedämpften Effekt hinzuzufügen. Um es zu verwenden, geben Sie die Klasse „Text-Muted“ in das Element an, auf das Sie den Effekt anwenden möchten. Diese Klasse kann auch mit anderen Textfarbeklassen hinzugefügt werden. Dieser Artikel hat die Bootstrap-CSS-Klasse mit Beispielen erklärt.