Bootstrap -Text profitieren mit Code -Beispielen

Bootstrap -Text profitieren mit Code -Beispielen
Bootstrap bietet Hunderte von CSS -Klassen, um HTML -Elemente leicht zu stylen. Diese Klassen sind mit den CSS -Eigenschaften vorgefertigt. Alles, was Sie tun müssen, ist die spezifische Bootstrap -Klasse zu den HTML -Elementen hinzuzufügen. Insbesondere bietet Bootstrap auch Styling -Kurse, um die Ausrichtung und Fälle des Textes festzulegen. Die TEXT-Transform-Bootstrap-Klassen werden verwendet, um die Textfälle anzupassen, in denen “*”Bezeichnet das"Kleinbuchstaben","Großbuchstaben", Und "profitieren”.

Dieser Artikel wird Leitfaden:

  • Wie können Sie den ersten Charakter jedes Wortes in Bootstrap Kapitalisieren?
  • So entwerfen Sie den ersten Buchstaben des Textes in Bootstrap?

Voraussetzung: Erstellen Sie eine HTML -Datei

Fügen Sie in HTML das hinzu “

Um loszulegen, hören Sie auf zu reden und beginnen Sie zu tun.

Das obige fügte hinzu “

Der Text des Elements sieht folgendermaßen aus:

Wie können Sie den ersten Charakter jedes Wortes in Bootstrap Kapitalisieren?

Der "TextkapitalDie Klasse wird verwendet, um den ersten Buchstaben jedes Wortes zu profitieren. Diese Bootstrap -Klasse hat ein vordefiniertes CSS “Texttransformierung”Eigenschaft mit dem Wert“profitieren”:

Um loszulegen, hören Sie auf zu reden und beginnen Sie zu tun.

Es kann beobachtet werden, dass der erste Charakter jedes Wortes aktiviert wurde:

So entwerfen Sie den ersten Buchstaben des Textes in Bootstrap?

Das CSS “::erster BriefDie Pseudo-Klasse wird verwendet, um den ersten Buchstaben des Textes auszuwählen:

.Textkapital :: Erstgeschichte
Farbe braun;
Schriftgröße: 60px;
Schriftdicke: fett;

Die folgenden CSS -Eigenschaften werden mit dem ersten Buchstaben der “angegeben

" Element:

  • Farbe”Passt die Schriftfarbe ein.
  • Schriftgröße”Bestimmt die Größe der Schriftart.
  • SchriftgewichtGibt die Dicke der Schrift an.

Ausgang

Hier ging es darum.

Abschluss

Bootstrap "TextkapitalDie Klasse wird verwendet, um den ersten Buchstaben jedes Wortes zu profitieren. Um das erste Charakter jedes Wortes des Elements zu Kapitalisieren, fügen Sie zunächst einige Text mit den Elementen hinzu, wie z. B. "

","

", oder mehr. Geben Sie dann die Klasse „Textkapitalisierung“ in diesem bestimmten Element an. Diese Beschreibung hat die Bootstrap-Textkapitalisierungsklasse mit Code-Beispielen erläutert.