Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Twitter bootstrap modal is opening in front of form

Tags:

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.

http://dl.dropbox.com/u/41175751/Screen%20Shot%202012-03-28%20at%2012.04.11.png

like image 352
Nielsen Rechia Avatar asked Mar 28 '12 15:03

Nielsen Rechia


People also ask

How do I stop bootstrap modal close Onclick outside?

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.

What is bootstrap modal plugin?

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.


2 Answers

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.

like image 175
Girish Ramarao Avatar answered Oct 13 '22 21:10

Girish Ramarao


I had similar issues. I've addressed them here: http://jsfiddle.net/ATeaH/8/

like image 34
CloudMagick Avatar answered Oct 13 '22 19:10

CloudMagick