Текст

<p class="text-start">Текст с выравниванием по левому краю для всех размеров области просмотра.</p>
<p class="text-center">Выровненный по центру текст на всех размерах области просмотра.</p>
<p class="text-end">Текст с выравниванием по правому краю для всех размеров области просмотра.</p>

<p class="text-sm-end">Выровненный по концу текст на окнах просмотра размером SM (маленький) или шире.</p>
<p class="text-md-end">Выровненный по концу текст на окнах просмотра размером MD (средний) или шире.</p>
<p class="text-lg-end">Выровненный по концу текст на окнах просмотра размером LG (большой) или шире.</p>
<p class="text-xl-end">Выровненный по концу текст на окнах просмотра размером XL (очень большой) или шире.</p>
<p class="text-xxl-end">Выровненный по концу текст на окнах просмотра размером XXL (очень очень большой) или шире.</p>

<div class="badge text-bg-primary text-wrap" style="width: 6rem;">
  Этот текст следует обернуть.
</div>

<div class="text-nowrap bg-body-secondary border" style="width: 8rem;">
  Этот текст должен переполнять родительский.
</div>

<p class="text-break">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>

<p class="text-lowercase">Текст в нижнем регистре.</p>
<p class="text-uppercase">Текст в верхнем регистре.</p>
<p class="text-capitalize">Заглавный текст.</p>

<p class="fs-1">.fs-1 text</p>
<p class="fs-2">.fs-2 text</p>
<p class="fs-3">.fs-3 text</p>
<p class="fs-4">.fs-4 text</p>
<p class="fs-5">.fs-5 text</p>
<p class="fs-6">.fs-6 text</p>

<p class="fw-bold">Текст жирным шрифтом.</p>
<p class="fw-bolder">Текст жирнее (по сравнению с родительским элементом).</p>
<p class="fw-semibold">Текст, выделенный полужирным шрифтом.</p>
<p class="fw-medium">Текст среднего размера.</p>
<p class="fw-normal">Текст нормального размера.</p>
<p class="fw-light">Облегченный текст.</p>
<p class="fw-lighter">Облегченный текст (относительно родительского элемента).</p>
<p class="fst-italic">Курсив.</p>
<p class="fst-normal">Текст с обычным шрифтом</p>

<p class="lh-1">Это длинный абзац, написанный для того, чтобы показать, как наши утилиты влияют на высоту строки элемента. Классы применяются к самому элементу или иногда к родительскому элементу. Эти классы можно настроить по мере необходимости с помощью нашего служебного API.</p>
<p class="lh-sm">Это длинный абзац, написанный для того, чтобы показать, как наши утилиты влияют на высоту строки элемента. Классы применяются к самому элементу или иногда к родительскому элементу. Эти классы можно настроить по мере необходимости с помощью нашего служебного API.</p>
<p class="lh-base">Это длинный абзац, написанный для того, чтобы показать, как наши утилиты влияют на высоту строки элемента. Классы применяются к самому элементу или иногда к родительскому элементу. Эти классы можно настроить по мере необходимости с помощью нашего служебного API.</p>
<p class="lh-lg">Это длинный абзац, написанный для того, чтобы показать, как наши утилиты влияют на высоту строки элемента. Классы применяются к самому элементу или иногда к родительскому элементу. Эти классы можно настроить по мере необходимости с помощью нашего служебного API.</p>

<p class="font-monospace">Это в моноширинном пространстве</p>

<p class="text-body-secondary">
  Дополнительный основной текст с <a href="#" class="text-reset">ссылкой для сброса</a>.
</p>

<p class="text-decoration-underline">Под этим текстом есть линия.</p>
<p class="text-decoration-line-through">В этом тексте проходит линия.</p>
<a href="#" class="text-decoration-none">Текстовое оформление этой ссылки удалено.</a>