码迷,mamicode.com
首页 > 其他好文 > 详细

data-dismiss 用法

时间:2017-01-30 17:56:31      阅读:1003      评论:0      收藏:0      [点我收藏+]

标签:span   单击   htm   问题   css   color   用法   button   smi   

<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 用法

标签:span   单击   htm   问题   css   color   用法   button   smi   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!