Disable click outside of bootstrap modal area to close modal [duplicate]

by

On Options chapter, in the page you linked, you can see the backdrop option. Passing this option with value 'static' will prevent closing the modal.
As @PedroVagner pointed on comments, you also can pass {keyboard: false} to prevent closing the modal by pressing Esc.

If you opening the modal by js use: 

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

If you are using data attributes, use: 

 <button data-target="#myModal" data-toggle="modal" data-backdrop="static" data-keyboard="false">
    Launch demo modal
 </button>`

More Related Contents:

  1. Bootstrap modal appearing under background
  2. My code dont works but I don't know why [closed]
  3. Datepicker validation 18 years of age [closed]
  4. Navbar dropdown (collapse) is not working in Bootstrap 5
  5. Multiple modals overlay
  6. Changing nav-bar color after scrolling?
  7. Bootstrap: Open Another Modal in Modal
  8. Bootstrap close responsive menu “on click”
  9. How to create a sticky navigation bar that becomes fixed to the top after scrolling
  10. Getting Bootstrap’s modal content from another page
  11. Using Bootstrap Modal window as PartialView
  12. Bootstrap 4 File Input
  13. How to partition input field to appear as separate input fields on screen?
  14. Leaflet map not displayed properly inside tabbed panel
  15. Calling a function on Bootstrap modal open
  16. How to create a responsive image that also scales up in Bootstrap 3
  17. How to hide Bootstrap modal with javascript?
  18. How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?
  19. Trees in Twitter Bootstrap [closed]
  20. Bootstrap modal: background jumps to top on toggle
  21. Bootstrap Dropdown with Hover
  22. TypeError: $(…).modal is not a function with bootstrap Modal
  23. How to resize Twitter Bootstrap modal dynamically based on the content
  24. bootstrap modal removes scroll bar
  25. Modal image galleries – multiple images
  26. How to add smooth scrolling to Bootstrap’s scroll spy function
  27. Twitter Bootstrap: Print content of modal window
  28. Bootstrap Dropdown menu is not working
  29. Bootstrap button drop-down inside responsive table not visible because of scroll
  30. “Force Reflow” in CSS transitions in Bootstrap

Leave a Comment