data-dismiss 用法

<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 属性

 

posted on 2017-01-30 17:03  rigidwang  阅读(2506)  评论(0编辑  收藏  举报