La boîte de dialogue Bootstrap est désactivée - boîte de dialogue bootstrap

J'utilise MVC avec angularjs et développe SPA. J'utilise le code suivant de la boîte de dialogue "bootstrap", qui s'ouvre en appuyant sur un bouton d'une page cshtml. Le code fonctionne bien, mais le plein écran devient gris (désactivé), boîte de dialogue comprise.

    <input type="button" value="Save" class="btn btn-info btn-block"  data-toggle="modal"  data-target="#confirmModel">
<section>
<div id="confirmModel" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title">Confirmation</h4>
</div>
<div class="modal-body">
<p>Do you want to save changes you made to document before closing?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
</section>

Réponses:

Donnez-lui un essai

<div class="modal fade" id="confirmModel" aria-labelledby="myModalLabel" aria-hidden="true" tabindex="-1" role="dialog" style="display: none;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" align="center">
//Your content
</div>
<div>
</div>
</div>