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