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

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 那一部分是重点  如果你是用的第三方扩展 那么在另当别论