弹出框默认全屏，怎么修改？谢谢

Question

<div class="modal fade" id="about"> <!--弹出框遮罩--> <div class="modal-diglog"> <!--弹出框内容--> <div class="modal-content"> <!--model header--> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> <h4 class="modal-title">关于</h4> </div> <!--modal body--> <div class="modal-body"> 关于imooc关于imooc关于imooc关于imooc关于imooc关于imooc </div> <!--modal footer--> <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>老师写的弹出框就是一个小的对话框，而我写的为什么是全屏的？应该在哪里修改？

Answer 1

代码的第三行：modal-diglog，应该是modal-dialog。

Answer 2

确定代码一样一样的吗？？？html 看不出来什么问题 主要还有 js 那一部分是重点  如果你是用的第三方扩展 那么在另当别论