В этой статье поговорим о предупреждениях, оповещениях и классах Bootstrap. Оповещения предоставляют способ стилизации сообщений пользователю. Они предоставляют контекстные сообщения обратной связи для типичных действий пользователя.
Вы можете добавить опцию закрытия значка для предупреждения. Для встроенного оповещения используйте плагин Alerts jQuery.
Вы можете добавить базовое предупреждение, создавая оболочку div
и добавление класса в .alert
и один из четырех контекстных классов (например, .alert-success
, .alert-info
, .alert-warning
, .alert-danger
).
Следующий пример демонстрирует это -
Оповещения
Чтобы создать предупреждение - оповещение,
- Добавить основное предупреждение путем создания оболочки
div
и добавления класса в.alert
и один из четырех контекстных классов (например,.alert-success
,.alert-info
,.alert-warning
,.alert-danger
) - Кроме того, добавить по желанию
.alert-dismissable
выше кdiv
классу. - Добавить кнопку закрытия.
Следующий пример демонстрирует это -
Обязательно используйте элемент button
с data-dismiss = "alert"
атрибутом.
Ссылки в оповещениях
Чтобы получать ссылки в оповещениях -
- Добавить основное предупреждение путем создания оболочки
div
и добавления класса в.alert
и один из четырех контекстных классов (например,.alert-success
,.alert-info
,.alert-warning
,.alert-danger
) - Используйте класс утилиты
.alert-link
, чтобы быстро предоставлять соответствующие цветные ссылки в любом предупреждении.
Понравилась статья? Поделитесь ею с друзьями и напишите отзыв в комментариях!
Новые статьи
- Bootstrap - Плагин для карусели - 22/09/2018 17:33
- Bootstrap - Плагин Collapse - 22/09/2018 17:33
- Бутстрап - Кнопочный плагин - 22/09/2018 17:32
- Bootstrap - Плагин Alert - 22/09/2018 17:32
- Bootstrap - Плагин Popover - 22/09/2018 17:31
- Bootstrap - Плагин для подсказки - 22/09/2018 17:31
- Bootstrap - Плагин Tab - 22/09/2018 17:30
- Bootstrap - Плагин Scrollspy - 22/09/2018 17:30
- Bootstrap - Плагин для раскрывающегося списка - 22/09/2018 17:29
- Bootstrap - Модальный плагин - 22/09/2018 17:29
- Bootstrap - Переходный плагин - 22/09/2018 17:28
- Bootstrap -Обзор плагинов - 22/09/2018 17:28
- Бутстрап – Wells - 22/09/2018 17:27
- Бутстрап - Панели - 22/09/2018 17:26
- Bootstrap - Список групп - 22/09/2018 17:26
- Bootstrap - Объект мультимедиа - 22/09/2018 17:25
- Бутстрап - Индикатор прогресса - 22/09/2018 17:25
Предыдущие статьи
- Bootstrap - Миниатюры - 22/09/2018 17:24
- Bootstrap - Заголовок страницы - 22/09/2018 17:23
- Бутстрап - Jumbotron - карточка статьи - 22/09/2018 17:23
- Бутстрап - Значки - 22/09/2018 17:23
- Бутстрап - Ярлыки - 22/09/2018 17:22
- Бутстрап - Пагинация - разбиение на страницы - 22/09/2018 17:20
- Bootstrap - Breadcrumb - хлебные крошки - 22/09/2018 17:20
- Bootstrap - Navbar - 22/09/2018 17:18
- Бутстрап - Элементы навигации - 22/09/2018 17:17
- Bootstrap - Группы ввода - 22/09/2018 17:17
- Bootstrap - Выпадающие окна и кнопки - 22/09/2018 17:16
- Bootstrap - Группы загрузки - кнопки - 22/09/2018 17:16
- Бутстрап - Выпадающие окна - 22/09/2018 17:15
- Бутстрап - Глификон - 22/09/2018 17:15
- Bootstrap - Отзывчивые утилиты - 22/09/2018 17:14
- Bootstrap - Вспомогательные классы - 22/09/2018 17:14
- Bootstrap - Изображения - 22/09/2018 17:13
- Бутстрап - Кнопки - 22/09/2018 17:13
- Бутстрап - Формы - 22/09/2018 17:12
- Бутстрап - Таблицы - 22/09/2018 17:12