Saturday, December 21, 2013

Modal Window Not Displaying With AngularJS and Bootstrap

This will probably be fixed pretty soon but for now (i.e. Angular UI for Bootstrap version 0.7 and Bootstrap 3), the modal window will not display (only the backdrop will).

To make the modal window display, change "display: none" to "display: block" in the ".modal" class in the CSS. However, it will be very badly formatted. To fix the formatting issues, the markup for the modal needs to be put inside the following 2 div blocks:

<div class="modal-dialog">
<div class="modal-content">
                 <!-- modal content here→
       </div>
</div>

References:

No comments:

Post a Comment