Il testo bootstrap capitalizza con esempi di codice

Il testo bootstrap capitalizza con esempi di codice
Bootstrap offre centinaia di lezioni CSS per modellare facilmente elementi HTML. Queste classi sono predesiderate con le proprietà CSS. Tutto quello che devi fare è aggiungere la classe bootstrap specifica agli elementi HTML. Più specificamente, Bootstrap fornisce anche classi di styling per impostare l'allineamento e i casi del testo. Le classi bootstrap trasformate di testo vengono utilizzate per regolare le custodie di testo in cui "*"Indica il"minuscolo","maiuscolo", E "capitalizzare".

Questo articolo guiderà:

  • Come capitalizzare il primo personaggio di ogni parola in bootstrap?
  • Come progettare la prima lettera del testo in bootstrap?

Prerequisito: crea un file HTML

In HTML, aggiungi il "

Per iniziare, smettila di parlare e inizia a fare.

Quanto sopra aggiunto "

"Il testo di Element sembrerà così:

Come capitalizzare il primo personaggio di ogni parola in bootstrap?

IL "Capitalizza in testo"La classe viene utilizzata per capitalizzare la prima lettera di ogni parola. Questa classe Bootstrap ha un CSS predefinito "trasformata di testo"Proprietà con il valore"capitalizzare":

Per iniziare, smettila di parlare e inizia a fare.

Si può osservare che il primo carattere di ogni parola è stato capitalizzato:

Come progettare la prima lettera del testo in bootstrap?

Il CSS "::prima lettera"La classe pseudo viene utilizzata per selezionare la prima lettera del testo:

.Text-Capitalize :: First-Letter
Colore: marrone;
Font-size: 60px;
Font-weight: audace;

Le seguenti proprietà CSS sono specificate con la prima lettera del "

"Elemento:

  • "colore"Regola il colore del carattere.
  • "dimensione del font"Determina le dimensioni del carattere.
  • "Font-peso"Specifica lo spessore del carattere.

Produzione

Si trattava di capitalizzare la capitalizzazione di testo bootstrap con esempi di codice.

Conclusione

Bootstrap "Capitalizza in testo"La classe viene utilizzata per capitalizzare la prima lettera di ogni parola. Per capitalizzare il primo carattere di ogni parola dell'elemento, prima, aggiungi un po 'di testo usando gli elementi, come "

","

", o più. Quindi, specifica la classe "capitalizza text" a quel particolare elemento. Questo articolo ha spiegato la classe bootstrap di capitalizza text con esempi di codice.