static backdrop

1<!-- Button trigger modal -->
2<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalScrollable">
3  
4  nch demo modal
5</button>
6
7<!-- Modal -->
8<div class="modal fade" id="exampleModalScrollable" tabindex="-1" role="dialog" aria-labelledby="exampleModalScrollableTitle" aria-hidden="true">
9  <div class="modal-dialog modal-dialog-scrollable" role="document">
10    <div class="modal-content">
11      <div class="modal-header">
12        <h5 class="modal-title" id="exampleModalScrollableTitle">Modal title</h5>
13        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
14          <span aria-hidden="true">×</span>
15        </button>
16      </div>
17      <div class="modal-body">
18        ...
19      </div>
20      <div class="modal-footer">
21        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
22        <button type="button" class="btn btn-primary">Save changes</button>
23      </div>
24    </div>
25  </div>
26</div>

1$('#myModal').modal({ backdrop: 'static', keyboard: false })

1<!-- Button trigger modal -->
2<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#staticBackdrop">
3  Launch static backdrop modal
4</button>
5
6<!-- Modal -->
7<div class="modal fade" id="staticBackdrop" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
8  <div class="modal-dialog">
9    <div class="modal-content">
10      <div class="modal-header">
11        <h5 class="modal-title" id="staticBackdropLabel">Modal title</h5>
12        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
13          <span aria-hidden="true">×</span>
14        </button>
15      </div>
16      <div class="modal-body">
17        ...
18      </div>
19      <div class="modal-footer">
20        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
21        <button type="button" class="btn btn-primary">Understood</button>
22      </div>
23    </div>
24  </div>
25</div>
26