禁用引导模态区域之外的单击以关闭模态

我正在制作一个Bootstrap网站,其中包含几个Bootstrap'Modals'。我正在尝试自定义一些默认功能。

问题是这样;您可以通过单击背景关闭模态。反正有禁用此功能?仅在特定模态上?

引导模式页面

梅小卤蛋2020/03/16 22:37:58

根据您的屏幕宽度添加以下CSS。

@media (min-width: 991px){
    .modal-dialog {
        margin: 0px 179px !important;
    }
}
泡芙村村Pro2020/03/16 22:37:58
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-keyboard="false" data-backdrop="static">

试试看,在我的应用程序开发过程中...我也遇到了麻烦,即模型属性的默认值=> data-keyboard="true",=>data-backdrop="non static"

希望对你有帮助!

Gil2020/03/16 22:37:58

尝试这个:

<div
  class="modal fade"
  id="customer_bill_gen"
  data-keyboard="false"
  data-backdrop="static"
>
SamMandy2020/03/16 22:37:58

这是最简单的一个

您可以定义模态行为,定义数据键盘和数据背景。

<div id="modal" class="modal hide fade in" data-keyboard="false" data-backdrop="static">