Question

我正在尝试在模态对话框中创建一个表单，如果我没有识别模态大小，它会正常工作，但如果我转到此页面：http://getbootstrap.com/javascript/#modals并复制大尺寸模式对话框代码，并将其放入我的形式在其中，设计将是错误的，形式将被卡在顶部和右边界。

这是形式本身的JS小提琴：https://goo.gl/wsnwm8

感谢。

Answer 1

在modal-content中放置一个容器类，一切看起来都很合适。

 <div class="modal-dialog modal-lg">
        <div class="modal-content container">
           <!-- form content goes here -->
        </div>
</div>

JsFiddle

Answer 2

引导模式的格式

<div class="modal-content">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
        </button>
         <h4 class="modal-title">Modal title</h4>
    </div>
    <div class="modal-body">Modal Body</div>
    <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
</div>

`

将您的表单封入modal-body 如下所示

<div class='modal-body'><form ><form></div>

Demo

Bootstrap大模态对话框设计问题

2 个答案: