how to stop a modal to stop from closing when clicking outside code example
Example 1: prevent bootstrap modal from closing when clicking outside
<div id="idModal" class="modal hide" data-backdrop="static" data-keyboard="false">
Example 2: prevent close modal when click outside
$('#myModal').modal({
backdrop: 'static',
keyboard: false
})
or in HTML
<a data-controls-modal="your_div_id" data-backdrop="static" data-keyboard="false" href="#">