Bootstrap 4 JS Alert
Классы оповещений CSS
В учебнике по оповещениям Читайте наш учебник по начальной загрузке.
Класс | Описание | |
---|---|---|
.alert |
Создает окно сообщения предупреждения | |
.alert-danger |
Тревога. Указывает на опасное или потенциально отрицательное действие | |
.alert-dark |
Темная тревога. Темно-серый окно оповещения | |
.alert-dismissible |
Указывает закрывающееся окно оповещения. Вместе с .close классом этот класс используется для закрытия оповещения (добавляет дополнительные отступы) |
|
.alert-heading |
Добавляет color:inherit к указанному элементу |
|
.alert-info |
Светло-голубой сигнал тревоги. Указывает нейтральное информативное изменение или действие | |
.alert-light |
Сигнал тревоги. Светлая серая коробка оповещения | |
.alert-link |
Используется на ссылки внутри оповещения для обеспечения соответствия цветные ссылки | |
.alert-primary |
Синяя тревога. Указывает на важное действие | |
.alert-secondary |
Серый сигнал тревоги. Указывает на "менее" важное действие | |
.alert-success |
Зеленая тревога. Указывает на успешное или положительное действие | |
.alert-warning |
Желтый сигнал тревоги. Указывает на осторожность следует принимать с этим действием | |
.close |
Стили кнопка закрытия для оповещения сообщение (плавает вправо с заданным размером шрифта, цвет и т.д.) |
Close Alerts Via data-* Attributes
Добавьте data-dismiss="alert"
к ссылке или элементу Button, чтобы закрыть сообщение с предупреждением.
Пример
<a href="#" class="close" data-dismiss="alert">×</a>
Закрытие оповещений через JavaScript
Закройте вручную с помощью:
Пример
$('.close').alert();
Параметры оповещения
None |
Методы оповещения
В следующей таблице перечислены все доступные методы оповещения.
Метод | Описание | |
---|---|---|
.alert("close") | Закрывает оповещение | |
.alert("dispose") | Уничтожает оповещение элемента. |
События оповещений
В следующей таблице перечислены все доступные события оповещений.
Событие | Описание | |
---|---|---|
close.bs.alert | Происходит при закрытии сообщения предупреждения | |
closed.bs.alert | Происходит, когда сообщение предупреждения было закрыто (будет ожидать завершения CSS переходов) |