ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

Bootstrap 4 Tutorial

BS4 HOME BS4 Get Started BS4 Grid Basic BS4 Typography BS4 Colors BS4 Tables BS4 Images BS4 Jumbotron BS4 Alerts BS4 Buttons BS4 Button Groups BS4 Badges BS4 Progress Bars BS4 Pagination BS4 List Groups BS4 Cards BS4 Dropdowns BS4 Collapse BS4 Navs BS4 Navbar BS4 Forms BS4 Inputs BS4 Carousel BS4 Modal BS4 Tooltip BS4 Popover BS4 Scrollspy BS4 Utilities BS4 Flex BS4 Media Objects BS4 Filters

Bootstrap 4 Grid

BS4 Grid System BS4 Stacked/Horizontal BS4 Grid XSmall BS4 Grid Small BS4 Grid Medium BS4 Grid Large BS4 Grid XLarge BS4 Grid Examples

Bootstrap 4 Theme

BS4 Basic Template

Bootstrap 4 Ref

All Classes JS Alert JS Button JS Carousel JS Collapse JS Dropdown JS Modal JS Popover JS Scrollspy JS Tab JS Tooltip


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">&times;</a>

Закрытие оповещений через JavaScript

Закройте вручную с помощью:

Пример

$('.close').alert();

Параметры оповещения

None

Методы оповещения

В следующей таблице перечислены все доступные методы оповещения.

Метод Описание
.alert("close") Закрывает оповещение
.alert("dispose") Уничтожает оповещение элемента.

События оповещений

В следующей таблице перечислены все доступные события оповещений.

Событие Описание
close.bs.alert Происходит при закрытии сообщения предупреждения
closed.bs.alert Происходит, когда сообщение предупреждения было закрыто (будет ожидать завершения CSS переходов)