Bootstrap4 avoid hiding modal when clicking anywhere outside-CodePudding

Home > Back-end > Bootstrap4 avoid hiding modal when clicking anywhere outside

Bootstrap4 avoid hiding modal when clicking anywhere outside

Time：11-05

I would like to override this default behavior. Any idea how can I achieve it?

CodePudding user response：

From HTML

<a data-controls-modal="your_div_id" data-backdrop="static" data-keyboard="false" href="#">

From Jquery

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

PD: I leave you the complete documentation