Bootstrap modal appearing under background
Here's what it looks like: :The problem has to do with the positioning of the parent containers. You can easily "move" your modal out from these containers before displaying it. Here's how to do it if you were show ing your modal using js: $ ( '#myModal' ). appendTo ( "body" ). modal ( 'show' ); Or, if you launch modal using buttons, drop the .modal('show'); and just do: $ ( '#myModal' ). appendTo ( "body" ) This will keep all normal functionality, allowing you to show the modal using a button.