[Bootstrap] modal에서 영역 밖을 선택했을 때 modal 닫히는걸 방지하는 방법

bootstrap modal을 띄우고 영역 밖을 선택했을때 modal이 닫히는걸 방지 하도록 하려면

"backdrop" 옵션이라는 것이 있습니다. backdrop옵션에 "static" 값을 같이 설정해 주면, 모달이 닫히는 것을 막아 주게 됩니다.

(1) JS를 통해서 모달을 생성했을 경우

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

(2) 데이터 어트리뷰트(data attributes)를 통해서 만들경우

<button data-target="#newModal" data-toggle="modal" data-backdrop="static" data-keyboard="false">
새로운 모달
 </button>