Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to remove bootstrap modal overlay?

Tags:

How to remove bootstrap modal overlay for particular modal. when modal appears background has black color with some opacity is there any option for removing that elements...

like image 415
Manigandaprabhu Avatar asked Sep 08 '15 13:09

Manigandaprabhu


People also ask

How do I remove modal overlay?

Add data-backdrop="false" option as attribute to the button which opens the modal. Show activity on this post. I was able to use the following snippet to hide the model overlay by just re-hiding the modal when the shown. bs.

How do I turn off Bootstrap modal?

Clicking on the modal “backdrop” will automatically close the modal. Bootstrap only supports one modal window at a time.

How do I disable modal backdrop?

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 .


1 Answers

Add data-backdrop="false" option as attribute to the button which opens the modal.

<!-- Button trigger modal --> <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal" data-backdrop="false">   Launch demo modal </button> 

See modal options

like image 166
Mario Shtika Avatar answered Oct 05 '22 12:10

Mario Shtika