Это alert? что он делает?
Он позволяет создавать контекстные сообщения обратной связи для типичных действий пользователя с помощью разных доступных предупреждающих сообщений, для правильной стилизации следует использовать один из 8 контекстуальных классов:
<div class="alert alert-primary" role="alert">
Это основное уведомление с <a href="#" class="alert-link">примером ссылки.
<div class="alert alert-secondary" role="alert">
Это дополнительное уведомление с <a href="#" class="alert-link">примером ссылки.
<div class="alert alert-success" role="alert">
Это уведомление об успехе с <a href="#" class="alert-link">примером ссылки.
<div class="alert alert-danger" role="alert">
Это уведомление об опасности с <a href="#" class="alert-link">примером ссылки.
<div class="alert alert-warning" role="alert">
Это уведомление-предупреждение с <a href="#" class="alert-link">примером ссылки.
<div class="alert alert-info" role="alert">
Это инфо-уведомление с <a href="#" class="alert-link">примером ссылки.
<div class="alert alert-light" role="alert">
Это светлое уведомление с <a href="#" class="alert-link">примером ссылки.
<div class="alert alert-dark" role="alert">
Это темное уведомление с <a href="#" class="alert-link">примером ссылки.