javascript - Shaded bootbox dialog -

javascript - Shaded bootbox dialog -

i'm using bootbox create bootstrap modals. here how i'm creating sample one:

bootbox.dialog({message: "hello"});

my problem rendered dialog kind of disabled (all screen shaded), can't click on , esc cannot create modal disappear!

when inspect dialog element in browser see:

<div class="bootbox modal fade in" tabindex="-1" role="dialog" style="display: block;" aria-hidden="false"> <div class="modal-backdrop fade in" style="height: 321px;"></div> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="bootbox-close-button close" data-dismiss="modal" aria-hidden="true" style="margin-top: -10px;">×</button> <div class="bootbox-body">hello</div> </div> </div> </div> </div>

i checked bootbox examples , looks it's same css classes have been used. what's wrong here?

i've to add together next css prepare problem:

.modal-backdrop.fade.in { z-index: 0; }

javascript twitter-bootstrap modal-dialog bootstrap-modal bootbox