bootstrap中怎么关闭弹出层,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
bootstrap怎么关闭弹出层
默认情况下,弹出框在再次点击指定元素后就会关闭,你可以使用 data-trigger="focus" 属性来设置在鼠标点击元素外部区域来关闭弹出框:
<ahref="#"title="取消弹出框"data-toggle="popover"data-trigger="focus"data-content="点击文档的其他地方关闭我">点我</a>
如果你想实现在鼠标移动到元素上显示,移除后消失的效果,可以使用 data-trigger 属性,并设置值为 "hover":
<ahref="#"title="Header"data-toggle="popover"data-trigger="hover"data-content="一些内容">鼠标移动到我这</a>
看完上述内容,你们掌握bootstrap中怎么关闭弹出层的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注恰卡编程网行业资讯频道,感谢各位的阅读!
基于springboot+bootstrap+mysql+redis怎么搭建完整的权限架构
怎么使用bootstrap制作form表单
bootstrap如何实现滚动条
bootstrap3和bootstrap2有哪些区别
bootstrap3和bootstrap2有哪些区别这篇文章主要介...
vue与bootstrap有什么不同
vue与bootstrap有什么不同这篇文章主要介绍“vue与bo...
如何解决swagger-bootstrap-ui升级Knife4j的文件下载乱码和Knife4j.txt问题
如何解决swagger-bootstrap-ui升级Knife4j的文件下载乱码和Knife4j.txt问题...
前端UI框架Bootstrap、Foundation、Semantic UI、Pure和UIkit有什么区别
前端UI框架Bootstrap、Foundation、SemanticUI、Pure和UIkit有什么区别...
日期范围选择组件bootstrap-daterangepicker怎么用
bootstrap导航栏如何实现居中
这篇文章将为大家详细讲解有关bootstrap导航栏如何实现居中,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇...
bootstrap中怎么实现图片自适应
bootstrap中怎么实现图片自适应,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴...
用户名
密码
记住登录状态 忘记密码?
邮箱
确认密码
我已阅读并同意 用户协议