I'm with a problem with my Twitter bootstrap modal: it's opening in front of my form. I don't have any idea about what I did, because it was working very well 3 days ago. I can write on the form; I think the form is working. The problem is the modal opening in front of the form.
When the Button is clicked, the HTML DIV is referenced using jQuery and its modal function is called along with properties data-backdrop: "static" and data-keyboard: false which disables the closing of the Bootstrap Modal Popup when clicked outside.
Bootstrap By Building Projects - Includes Bootstrap 4A modal is a child window that is layered over its parent window. Typically, the purpose is to display content from a separate source that can have some interaction without leaving the parent window. Child windows can provide information, interaction, or more.
The .modal-backdrop
class has z-index set to 1040 and the navbar-fixed-top
has z-index set to 1030. Hence, the backdrop displays over the form.
Override the .modal-backdrop
z-index value in your CSS file by setting it to a value that is less than the navbar z-index. This will resolve the issue.
I had similar issues. I've addressed them here: http://jsfiddle.net/ATeaH/8/
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With