Какая польза от оповещения-отстранена - PullRequest
0 голосов
/ 10 сентября 2018

Я создаю окно предупреждения с помощью начальной загрузки

<!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. Если нет никаких изменений даже после удаления объявления класса, допустимого по предупреждению, то Какая польза от класса, допускающего предупреждение? Окно оповещения является недопустимым, даже если оно не имеет класса рассылки оповещения. Почему?

1 Ответ

0 голосов
/ 10 сентября 2018

Следующее с сайта Bootstrap

Используя плагин JavaScript-оповещения, можно отключить любое оповещение в соответствии. Вот как:

  • Убедитесь, что вы загрузили плагин оповещения или скомпилированный Bootstrap
  • JavaScript. Если вы создаете наш JavaScript из исходного кода, это требует util.js. Скомпилированная версия включает это.
  • Добавьте кнопку отклонения и класс .alert-disptable, который добавляет дополнительный отступ справа от предупреждение и позиционирует кнопку .close.
  • На кнопку отклонения добавьте атрибут data-dismiss = "alert", который запускает JavaScript функциональность. Не забудьте использовать элемент с ним для правильного Поведение на всех устройствах.
  • Чтобы анимировать оповещения при их отклонении, обязательно добавьте классы .fade и .show.
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...