Dokumentation och exempel för vanliga textverktyg för att styra justering, lindning, vikt och mer.
Textjustering
Justera enkelt text till komponenter med textjusteringsklasser.
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. Vid nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum.
För vänster-, höger- och mittjustering finns responsiva klasser tillgängliga som använder samma brytpunkter för visningsportbredden som rutnätssystemet.
Vänsterjusterad text på alla visningsportstorlekar.
Centrerad text på alla visningsportstorlekar.
Högerjusterad text på alla visningsportstorlekar.
Vänsterjusterad text på visningsportar i storleken SM (liten) eller bredare.
Vänsterjusterad text på visningsportar i storleken MD (medium) eller bredare.
Vänsterjusterad text på visningsportar i storleken LG (stor) eller bredare.
Vänsterjusterad text på visningsportar i storlek XL (extra-large) eller bredare.
Textomslutning och översvämning
Förhindra text från att radbrytas med en .text-nowrapklass.
Denna text bör svämma över föräldern.
För längre innehåll kan du lägga till en .text-truncateklass för att trunkera texten med en ellips. Kräver display: inline-blockeller display: block.
Praeterea iter est quasdam res quas ex communi.
Praeterea iter est quasdam res quas ex communi.
Textförvandling
Omvandla text i komponenter med textklasser för versaler.
Text med små bokstäver.
Text med versaler.
Kapitaliserad text.
Notera hur text-capitalizeendast den första bokstaven i varje ord ändras, så att alla andra bokstäver inte påverkas av versaler.
Teckensnittsvikt och kursiv stil
Ändra snabbt textens vikt (fethet) eller kursivera text.
Fettext.
Normal vikt text.
Lättviktig text.
Kursiv text.
Monospace
Ändra ett urval till vår monospace-fontstack med .text-monospace.