Tekst
Dokumentacija i primjeri uobičajenih tekstualnih uslužnih programa za kontrolu poravnanja, prelamanja, težine i više.
Poravnanje teksta
Jednostavno poravnajte tekst s komponentama pomoću klasa za poravnanje teksta.
Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi. At nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum.
Za lijevo, desno i središnje poravnanje dostupne su responzivne klase koje koriste iste prijelomne točke širine prikaza kao i sustav rešetki.
Tekst poravnat ulijevo na svim veličinama okvira za prikaz.
Centrirano poravnati tekst na svim veličinama okvira za prikaz.
Desno poravnati tekst na svim veličinama okvira za prikaz.
Lijevo poravnati tekst na prozorima veličine SM (mali) ili širi.
Lijevo poravnati tekst na prozorima veličine MD (srednje) ili šire.
Lijevo poravnati tekst na prozorima veličine LG (veliki) ili širi.
Lijevo poravnati tekst na okvirima za prikaz veličine XL (iznimno veliki) ili širi.
Prelamanje i prelijevanje teksta
Prelamanje teksta .text-wrap
klasom.
Spriječite prelamanje teksta s .text-nowrap
klasom.
For longer content, you can add a .text-truncate
class to truncate the text with an ellipsis. Requires display: inline-block
or display: block
.
Word break
Prevent long strings of text from breaking your components’ layout by using .text-break
to set word-wrap: break-word
and word-break: break-word
. We use word-wrap
instead of the more common overflow-wrap
for wider browser support, and add the deprecated word-break: break-word
to avoid issues with flex containers.
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
Text transform
Transform text in components with text capitalization classes.
Lowercased text.
Uppercased text.
CapiTaliZed text.
Imajte na umu kako .text-capitalize
se mijenja samo prvo slovo svake riječi, ostavljajući velika i mala slova nepromijenjena.
Težina fonta i kurziv
Brzo promijenite težinu (podebljanost) teksta ili stavite tekst u kurziv.
Podebljan tekst.
Podebljani tekst (u odnosu na nadređeni element).
Tekst normalne težine.
Lagan tekst.
Lakši tekst (u odnosu na nadređeni element).
Kurziv teksta.
Monospace
Promijenite odabir u naš hrp monospace fontova pomoću .text-monospace
.
Ovo je u monoprostoru
Resetiraj boju
Poništite boju teksta ili veze pomoću .text-reset
, tako da naslijedi boju od svog roditelja.
Prigušeni tekst s vezom za poništavanje .
Dekoracija teksta
Uklonite tekstualni ukras s .text-decoration-none
klasom.