बूटस्ट्रैप संवाद बॉक्स अक्षम है - बूटस्ट्रैप-संवाद

मैं कोणीय के साथ एमवीसी का उपयोग कर रहा हूं और एसपीए विकसित कर रहा हूं। मैं बूटस्ट्रैप के संवाद बॉक्स के निम्न कोड का उपयोग कर रहा हूं, जो एक cshtml पृष्ठ से बटन दबाकर खुल रहा है। कोड अच्छी तरह से काम करता है, लेकिन पूर्ण स्क्रीन डायलॉग बॉक्स सहित ग्रे (अक्षम) में बदल जाती है।

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

उत्तर:

इसे आज़माएं

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