Размеры заголовков Bulma

В Bulma есть два типа заголовков: Title и Subtitle . Эти простые заголовки используются для добавления глубины веб-странице или веб-сайту. Заголовок и подзаголовок доступны во многих размерах и могут использоваться в соответствии с нашими требованиями.

Классы размеров заголовков/подзаголовков Bulma:

• is-1: этот класс используется вместе с классами «заголовок» или «подзаголовок» для элемента HTML h1.
• is-2: этот класс используется вместе с классами «заголовок» или «подзаголовок» для элемента HTML h2.
• is-3: этот класс используется вместе с классами «заголовок» или «подзаголовок» для элемента HTML h3. Это размер по умолчанию для элемента title.
• is-4: этот класс используется вместе с классами «заголовок» или «подзаголовок» для элемента HTML h4.
• is-5: этот класс используется вместе с классами «заголовок» или «подзаголовок» для элемента HTML h5. Это размер по умолчанию для элемента субтитров.
• is-6: этот класс используется вместе с классами «заголовок» или «подзаголовок» для элемента HTML h6.

Типы заголовков в Bulma:

• Заголовок: когда нам нужно использовать заголовок, мы используем класс «заголовок».
• Подзаголовок: когда нам нужно использовать подзаголовок, мы используем класс «подзаголовок».

Синтаксис:

<h1 class="title">Title/h1>
    <h2 class="subtitle">Subtitle</h2>
    <p class="title is-1">
      ....
    </p>

Пример 1. В следующем примере демонстрируется класс title и subtitle в заголовках h1 и h2.

Выход:

Пример 2. В следующем примере показаны указанные выше размеры заголовков. Класс Title is-3 является размером по умолчанию.

Выход:

Пример 3. В следующем примере показаны указанные выше размеры субтитров. Класс субтитров is-5 — это размер по умолчанию.

Выход:

Примечание. Мы не можем добавить цвет к заголовку и подзаголовку.

Ссылка: https://bulma.io/documentation/elements/title/#sizes