Text muted
class = text-muted
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Expedita,
doloribus. Labore molestias, consectetur nesciunt error autem
dolorum! Nihil eum suscipit nemo facere cum accusamus iste
architecto, nesciunt rem eveniet! Sed.
.text-muted {
color: #6c757d !important;
}
Text monospace
class = text-monospace
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Neque illo
impedit minima totam quaerat. Atque eos ex consectetur dolorum velit
adipisci eligendi, odit commodi, neque rerum voluptatem architecto
nam repellendus.
.text-monospace {
font-family: SFMono-Regular,
Menlo, Monaco, Consolas,
"Liberation Mono",
"Courier New",
monospace !important;
}
Text truncate
class = text-truncate
Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim eaque neque facere dolor, ad quos aliquid quam id delectus repellendus dicta harum hic pariatur cum sint assumenda vel eveniet iusto.
Text wrapping and overflow
class = text-nowrap
Text overflows its parent.