How to remove bootstrap modal overlay?

twitter-bootstrap bootstrap-modal
Manigandaprabhu picture Manigandaprabhu · Sep 8, 2015 · Viewed 57.8k times · Source

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...

Answer

Mario Shtika picture Mario Shtika · Feb 24, 2017

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

Related questions

Vertically centering Bootstrap modal window

I would like to center my modal on the viewport (middle) I tried to add some css properties .modal { position: fixed; top:50%; left:50%; } I'm using this example http://jsfiddle.net/rniemeyer/Wjjnd/ I tried $("#MyModal").modal('show').css( { 'margin-top': function () { …

Read More
Capture close event on Bootstrap Modal

I have a Bootstrap Modal to select events. If the user clicks on the X button or outside the modal, I would like to send them to the default event. How can I capture these events? This is my HTML …

Read More
Change header background color of modal of twitter bootstrap

I am trying to change the background color of modal header of twitter bootstrap using following css code. .modal-header { padding:9px 15px; border-bottom:1px solid #eee; background-color: #0480be; } .modal-header .close{margin-top:2px} .modal-header h3{margin:0;line-height:30px} But this code …

Read More