Tekst bootstrap wykorzystuje przykłady kodu

Tekst bootstrap wykorzystuje przykłady kodu
Bootstrap oferuje setki klas CSS do łatwego stylizowania elementów HTML. Klasy te są poprzedzone właściwościami CSS. Wszystko, co musisz zrobić, to dodać konkretną klasę bootstrap do elementów HTML. Mówiąc dokładniej, Bootstrap zapewnia również klasy stylistyczne do ustawiania wyrównania i przypadków tekstu. Tekst-transformowe klasy bootstrap są używane do dostosowania przypadków tekstowych, w których „*„Oznacza„ ”małe litery”,„duże litery", I "skapitalizować".

Ten artykuł będzie prowadził:

  • Jak wykorzystać pierwszą postać każdego słowa w bootstrapie?
  • Jak zaprojektować pierwszą literę tekstu w bootstrapie?

Warunek: Utwórz plik HTML

W HTML dodaj „

Aby zacząć, przestań rozmawiać i zacznij robić.

Powyższe dodano „

„Tekst elementu będzie wyglądał tak:

Jak wykorzystać pierwszą postać każdego słowa w bootstrapie?

„„Kapitalizowanie tekstu„Klasa jest wykorzystywana do kapitalizacji pierwszej litery każdego słowa. Ta klasa bootstrap ma predefiniowane CSS ”Tekst-transform„Własność o wartości”skapitalizować”:

Aby zacząć, przestań rozmawiać i zacznij robić.

Można zauważyć, że pierwsza postać każdego słowa została skapitalizowana:

Jak zaprojektować pierwszą literę tekstu w bootstrapie?

CSS „:: Pierwszy liter„Pseudoklasa jest wykorzystywana do wyboru pierwszej litery tekstu:

.Text-Capitalize :: First-Letter
kolor brązowy;
Rozmiar czcionki: 60px;
Font-Weight: Bold;

Poniższe właściwości CSS są określone za pomocą pierwszej litery „

" element:

  • "kolor”Dostosowuje kolor czcionki.
  • "rozmiar czcionki”Określa rozmiar czcionki.
  • "grubość czcionki”Określa grubość czcionki.

Wyjście

Chodziło o kapitalizację tekstu bootstrap za pomocą przykładów kodu.

Wniosek

Bootstrap „Kapitalizowanie tekstu„Klasa jest wykorzystywana do kapitalizacji pierwszej litery każdego słowa. Aby wykorzystać pierwszy charakter każdego słowa elementu, najpierw dodaj tekst za pomocą elementów, takich jak „

”,„

", albo więcej. Następnie określ klasę „Kapitalize” do tego konkretnego elementu. Ten zapis wyjaśnił klasę tekstów tekstowych Bootstrap z przykładami kodu.