Heim  >  Artikel  >  Web-Frontend  >  Es gibt mehrere Textklassen in Bootstrap

Es gibt mehrere Textklassen in Bootstrap

青灯夜游
青灯夜游Original
2022-01-10 10:56:071794Durchsuche

bootstrap enthält viele Textklassen: „.text-muted“, „.text-primary“, „.text-success“, „.text-info“, „.text-warning“, „.text-danger“ ” , „.small“ und so weiter.

Es gibt mehrere Textklassen in Bootstrap

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Bootsrap-Version 3.3.7, DELL G3-Computer

Quellcode:

Es gibt mehrere Textklassen in Bootstrap

Laufeffekt:

Es gibt mehrere Textklassen in Bootstrap

Anweisungen:

Kategorie „Textfarbe“

Die folgenden verschiedenen Klassen zeigen unterschiedliche Textfarben. Handelt es sich bei dem Text um einen Link, wird der Text dunkler, wenn die Maus darüber bewegt wird:

... Textstil der Klasse „text-danger“Textlayout-Klasse.text-leftText in der Mitte ausrichten
Klasse Beschreibung
.text-muted „text-muted“ Textstil der Klasse
KlasseBeschreibung
.small Kleinen Text festlegen (auf 85 % der übergeordneten Textgröße einstellen)
Text nach links ausrichten .text-center
.text-rightText nach rechts ausrichten
.text-justify

Legen Sie die Textausrichtung über den Absatz hinaus fest. Der Text auf dem Bildschirm wird automatisch umgebrochen. ... Beschreibung .text-hide Seitenelemente ändern Textinhalt eingefügt Ersetzen Sie ihn durch ein HintergrundbildBootstrap-Basis-Tutorial
.text-nowrap Der Teil, der im Absatz über den Bildschirm hinausgeht, wird nicht umgebrochen
Weitere Informationen zu Bootstrap finden Sie unter: ! !

Das obige ist der detaillierte Inhalt vonEs gibt mehrere Textklassen in Bootstrap. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn