disable backdrop modal bootstrap code example

Example 1: disable close from screen modal popup

<!-- opening with html, the key is the data-backdrop="static" attribute -->
<button data-target="#myModal" data-toggle="modal" data-backdrop="static" data-keyboard="false">
    Launch demo modal
 </button>
 
<script>
//Opening with JS:
$('#myModal').modal({backdrop: 'static', keyboard: false})  
</script>

Example 2: bootstrap modal prevent close

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

Example 3: bootstrap modal popup backdrop false

<button class='btn btn-danger fa fa-trash' data-toggle='modal' data-target='#deleteModal' data-backdrop='static' data-keyboard='false'></button>

Example 4: bootstrap 3 modal close only with button

<--! Add following to modal Div : data-backdrop='static' -->
<div id="modal" class="modal hide fade in" data-keyboard="false" data-backdrop="static">