首页 > 其他 > 详细

data-dismiss 用法

时间:2017-01-30 17:54:45      阅读:2661      评论:0      收藏:0      [点我收藏+]
<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 属性

 

data-dismiss 用法

原文:http://www.cnblogs.com/rigid/p/6358179.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!