Bootstrap-点击“×”,可以关闭页面

Posted 夜未央leo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Bootstrap-点击“×”,可以关闭页面相关的知识,希望对你有一定的参考价值。

效果:

 

代码:

<div class="container">
         <div class="alert alert-danger alert-dismissible" role="alert">
            <strong>危险!</strong>这是一个危险动作,请关闭。
            <button type="button" class="close" data-dismiss="alert" aria-label="close">
               <span aria-hidden="true">&times;</span>
            </button>
         </div>

 
</div>

 

以上是关于Bootstrap-点击“×”,可以关闭页面的主要内容,如果未能解决你的问题,请参考以下文章

BootStrap 模态框禁用空白处点击关闭,手动显示隐藏,垂直居中

防止 Bootstrap 下拉菜单在点击时关闭 [重复]

bootstrap 模态框(modal)点击空白处和ESC不关闭的方法

Bootstrap 4 - 避免屏幕点击的模式关闭

javascript 关闭链接点击关闭jasny bootstrap offcanvas菜单

单击关闭时保持 Bootstrap 下拉菜单打开