Question

我正在使用引导程序创建警报框

<!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的警报禁止类，则此代码以相同的方式工作。如果即使删除了警报禁止类声明也没有任何变化，那么警报禁止类的用途是什么？即使警报框没有警报禁止类，警报框也是可以忽略的。为什么？

Answer 1

以下内容来自Bootstrap website

使用警报JavaScript插件，可以关闭所有警报   排队。方法如下：


确保您已加载警报插件或已编译的Bootstrap

JavaScript。如果您要从源代码构建JavaScript，则需要   util.js。编译后的版本包括这个。

添加一个关闭按钮，然后   .alert-dismissible类，该类在的右侧添加了额外的填充   警报并定位.close按钮。

在关闭按钮上，添加   data-dismiss =“ alert”属性，该属性触发JavaScript   功能。确保正确使用元素   所有设备上的行为。

要在关闭警报时制作动画，   确保添加.fade和.show类。

警报解除的用途是什么

1 个答案: