Text

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.