javascript - 引导模态拉伸(stretch)到整个页面宽度？

Question

我正在实现模态，它会拉伸(stretch)到整个页面宽度，这与 bootstrap 网站上展示的不同。

<div class="modal fade" id="contact" role="dialog">
            <div class="modal-disalog">
                <div class="modal-content">
                    <div class="modal-header">
                        <p>Contact Us</p>
                    </div>
                    <div class="modal-body">
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                    </div>
                    <div class="modal-footer">
                        <a class="btn btn-info" data-dismiss="modal">Ok</a>
                    </div>
                </div>
            </div>
        </div>

Answer 1

只是一个错字:

<div class="modal-disalog">

应该是

<div class="modal-dialog">

并且应该应用正确的 css 规则。