bootstrap之data-dismiss作用

data-dismiss是bootstrap里自定义的属性,给一个元素data-dimiss属性的话,可以通过点击该元素达到让目标消失的效果。
例如:当点击按钮时,直接关闭外层alert

<div class="alert alert-warning alert-dismissible" role="alert1">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <strong>Warning!</strong> Better check yourself, you're not looking too good.
</div>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第4章 Bootstrap装饰插件 JavaScript是网页上事实上的脚本语言。流行的网页功能,例如:漂亮的图片...
    海上名月阅读 5,556评论 5 6
  • 第5章 菜单、按钮及导航 一、下拉菜单 小伙伴们注意,在Bootstrap框架中的下拉菜单组件是一个独立的组件,根...
    凛0_0阅读 10,514评论 0 66
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,463评论 19 139
  • 文档结构 需要使用HTML5文档结构 <!DocType html> 移动设备优先 需要在头部增加 标签 引...
    风之帆阅读 7,321评论 0 4
  • 我不想听海哭的声音去猜测你的心意,只恐你看不见,我的努力 更不想用雪花赠送我的恋意,就怕温柔的心消融了,我的情意 ...
    温差先生阅读 2,338评论 0 0