Bootstrap 3 modal does not close on outside click

Question

I have created a modal using call, ``` $('#myModalContent').modal('show'); ``` html is: ``` ``` Problem is when i click outside the modal popup, its doesn't close. (its closes on esc)

Accepted Answer

I have written custom code to solve this.

```
   $("body").on("click", ".modal-dialog", function(e) {
        if ($(e.target).hasClass('modal-dialog')) {
            var hidePopup = $(e.target.parentElement).attr('id');
            $('#' + hidePopup).modal('hide');
        }
    });
```

Bootstrap 3 modal does not close on outside click

Solution

Problem