• 技术文章 >web前端 >Bootstrap教程

    bootstrap怎么关闭弹出层

    藏色散人藏色散人2019-07-16 11:29:25原创1975

    bootstrap怎么关闭弹出层

    bootstrap怎么关闭弹出层

    默认情况下,弹出框在再次点击指定元素后就会关闭,你可以使用 data-trigger="focus" 属性来设置在鼠标点击元素外部区域来关闭弹出框:

    <a href="#" title="取消弹出框" data-toggle="popover" data-trigger="focus" data-content="点击文档的其他地方关闭我">
    点我</a>

    e9814acb391a470ea1509810f441ed3.png

    如果你想实现在鼠标移动到元素上显示,移除后消失的效果,可以使用 data-trigger 属性,并设置值为 "hover":

    <a href="#" title="Header" data-toggle="popover" data-trigger="hover" data-content="一些内容">
    鼠标移动到我这</a>

    8c9a2e9e657a0f8423b8c53c4ff882c.png

    相关推荐:《bootstrap教程

    以上就是bootstrap怎么关闭弹出层的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:bootstrap
    上一篇:什么是bootstrap框架? 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • bootstrap和vue的区别• bootstrap和easyui区别• 自举法Bootstrap是什么• spss bootstrap是什么
    1/1

    PHP中文网