Какая польза от alert-dismiss
Я создаю окно с предупреждением с помощью начальной загрузки
<!DOCTYPE html>
<html>
<head>
<link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
</head>
<body>
<div class = "alert alert-info alert-dismissible fade show">
Alert <a href = "#" class = "alert-link">Read this message</a><button class = "close" data-dismiss = "alert"> Close </button>
</div>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src = "https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
</body>
</html>
Этот код работает таким же образом, если я удаляю класс предупреждения о недопустимости для div. Если нет никаких изменений даже после удаления объявления класса «предупреждение-несоответствие», то какова польза от класса «предупреждение-несоответствие»? Поле предупреждения является недопустимым, даже если окно предупреждения не имеет класса недопустимое предупреждение. Почему?
"Добавьте кнопку отклонения и класс .alert-dishibited, который добавляет дополнительный отступ справа от предупреждения и позиционирует кнопку .close." - Документы
—
10.09.2018 15:46
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
1
2
516
1
Ответы 1
Следующее из Bootstrap Веб-сайт
Using the alert JavaScript plugin, it’s possible to dismiss any alert inline. Here’s how:
- Be sure you’ve loaded the alert plugin, or the compiled Bootstrap
- JavaScript. If you’re building our JavaScript from source, it requires util.js. The compiled version includes this.
- Add a dismiss button and the .alert-dismissible class, which adds extra padding to the right of the alert and positions the .close button.
- On the dismiss button, add the data-dismiss = "alert" attribute, which triggers the JavaScript functionality. Be sure to use the element with it for proper behavior across all devices.
- To animate alerts when dismissing them, be sure to add the .fade and .show classes.
Другие вопросы по теме
Пробелы между <ul> и первым <li> уничтожены, несмотря на встроенный блочный режим
Главный заголовок Bootstrap с фоном изображения
Jquery для переворачивания карточек onClick, а не css hover rotate
Изменение ширины столбца путем перетаскивания края столбца с помощью мыши и обновления страницы приводит к ширине по умолчанию, ширина столбца не обновляется
Ionic, home.html не распознают <script>
Поместите основной текст в одну колонку, изображения - в отдельную правую колонку
Как загрузить семейство шрифтов в dompdf с помощью библиотеки laravel?
Как убедиться, что элемент не перекрывается другим (CSS)?
Как ограничить событие «отменить / повторить» в текстовом поле?
Как сделать фон заголовка непрозрачным с помощью прокрутки
Похожие вопросы
Пробелы между <ul> и первым <li> уничтожены, несмотря на встроенный блочный режим
Главный заголовок Bootstrap с фоном изображения
Jquery для переворачивания карточек onClick, а не css hover rotate
Узнайте, какие правила CSS используются для определенного узла JavaFX
Изменение ширины столбца путем перетаскивания края столбца с помощью мыши и обновления страницы приводит к ширине по умолчанию, ширина столбца не обновляется
Поместите основной текст в одну колонку, изображения - в отдельную правую колонку
Выровнять изображение основного слайдера по центру
Как убедиться, что элемент не перекрывается другим (CSS)?
Как сделать фон заголовка непрозрачным с помощью прокрутки
Как настроить таргетинг на класс с пробелом в конце?
прочтите здесь, что такое предупреждение, а какое - отключенное. Чтобы получить ответ, просто выполните быстрый поиск в Google по запросу "предупреждение о начальной загрузке отключено".