I need to close only with button because i need the info that give me the moda. How can I disable click outside Modal area and close the modal? #1886 You can set the attribute onto the outer div that contains the modal class should do the trick: data-backdrop="static" data-keyboard="false". The default value of backdrop and keyboard is set to true. Python 1; Javascript; Linux; Cheat sheet . In this post, I will tell you, Disable close the Bootstrap modal window when clicking outside the modal. bootstrap modal remove close on outside click prevent bootstrap modal from opening when a button is clicked disable close modal when click close disable close modal How to prevent a modal from closing without submission div modal avoid click out dismiss automatic close modal when click outside close modal popup when click outside 2. The default configuration of Bootstrap modal is can be closed when visitor click outside the modal or by pressing the escape (ESC) key. codepen home demo disable click outside of bootstrap modal area to close modal. I will . Example 1: prevent bootstrap modal from closing when clicking outside Example 2: d NEWBEDEV Python Javascript Linux Cheat sheet. bootstrap modal prevnet close on click outside. If you would like to prevent the modal from closing on a click outside of the modal boundries, you can set the data-mdb-backdrop attribute to static. bootstrap modal close when click outside code example prevent modal from closing on backdrop click code example Prevent Bootstrap Modal From Closing - Budi Irawan If you trigger them, Bootstrap will do nothing. bootstrap modal close on click outside of modal. Nested modals aren't supported as we believe them to be poor user experiences. With Twitter Bootstrap modals in either version 2 or 3, you can easily prevent the modal window from being closed with the escape key or by clicking on the black backdrop outside the window. When you click the background or outer area, the modal remains open in the browser. Unlike vanilla Bootstrap, autoFocus works in Modals because React handles the implementation. This is useful for keeping people inside of a wizard or other multi-step process inside of a . It seems like navbar might be causing this to happen. You can pass options to the modal as : $ ('#myModal').modal ( { show:true . keyboard: boolean: true: Closes the modal when escape key is pressed . Tutorialdeep - An Online Tutorial Guide For Coding and Blogging