Bootstrap 5 предупреждает о дополнительном содержимом

Оповещения Bootstrap помогают информировать пользователей о конкретных событиях или давать подтверждение. Но в большинстве случаев одних простых текстовых оповещений недостаточно для передачи сообщения. Должен быть какой-то дополнительный контент с правильной иерархией. В таких случаях на помощь приходит Дополнительный контент. Это позволяет разработчикам размещать дополнительную информацию и сведения об оповещениях в четкой иерархической форме. Нам нужно использовать предупреждение класса, чтобы создать предупреждение. Давайте посмотрим на синтаксис и несколько примеров.

Предварительное условие: компонент оповещения Bootstrap 5 для создания оповещения.

Оповещения Дополнительное содержимое Класс: для этого не требуется никакого класса, мы размещаем только HTML-элементы, которые будут дополнительными компонентами оповещений, такие как заголовок, абзацы, кнопки и разделители.

Синтаксис:

<div class="alert">
     <!-- Additional content -->
     <h2 class="alert-heading">....</h2>
     <hr>
     <p>......</p>
</div>

Пример ниже иллюстрирует дополнительный контент Bootstrap 5 Alerts:

Пример 1: пример того, как мы можем отображать дополнительный контент в Bootstrap 5.

Выход:

Пример 2. В этом примере показана демонстрация ссылок и кнопок внутри содержимого оповещения.

Выход:

Ссылка : https://getbootstrap.com/docs/5.0/components/alerts/#additional-content