Bootstrap 5 Размер шрифта текста

Bootstrap 5 Размер шрифта текста используется для установки размера шрифта текста. Все мы знаем, что у нас есть 6 различных тегов заголовков, и в зависимости от них у нас есть 6 классов для установки размера шрифта. Класс заголовка применяет свойства font-size, font-weight и line-height.

Классы размера шрифта текста:

• fs-1: этот класс используется для установки размера текста, равного тегу h1.
• fs-2: этот класс используется для установки размера текста, равного тегу h2.
• fs-3: этот класс используется для установки размера текста, равного тегу h3.
• fs-4: этот класс используется для установки размера текста, равного тегу h4.
• fs-5: этот класс используется для установки размера текста, равного тегу h5.
• fs-6: этот класс используется для установки размера текста, равного тегу h6.

Синтаксис:

<tag class="fs-1">...</tag>

В приведенном ниже примере показан размер текстового шрифта Bootstrap 5:

Пример 1: В этом примере мы будем использовать три размера fs-1, fs-3 и fs-5.

Выход:

Пример 2: В этом примере мы будем использовать три размера fs-2, fs-4 и fs-6.

Выход:

Ссылка: https://getbootstrap.com/docs/5.0/utilities/text/#font-size