data-dismiss 用法

Posted 2020-08-29 rigidwang

<div class="col-md-12">
<div class="alert alert-danger alert-dismissible fade in" role="alert">
<button class="close" type="button" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">*</span>
</button>
<h4>网站程序有漏洞，急需修复！</h4>
<p>当前版本程序(V1.22)存在严重安全问题，容易造成攻击，请即可修复！</p>
<p>
<button class="btn btn-danger">立即修复</button>
<button class="btn btn-default" data-dismiss="alert">稍后处理</button>
</p>
</div>
</div>

 

data-dismiss：可取消属性，属于h5属性，html标签如果定义该属性，则单击该标签后可以将该标签的值指向的元素消失，例如以上代码中

点击稍后处理button可以将第二层div消失，因为该div上有alert css 属性