引导大型模态对话框设计问题
引导大型模态对话框设计问题
提问于 2015-08-22 20:32:56
我试图在一个模态对话框中创建一个表单，如果我没有识别出一个模态大小，它是可以工作的，但是如果我转到这个页面：http://getbootstrap.com/javascript/#modals并复制大尺寸的模态对话框代码，并将我的表单放入其中，设计将是错误的，表单将被卡在顶部和右边的边框上。
下面是表单本身的JS小提琴：https://goo.gl/wsnwm8
谢谢。
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-08-22 20:43:25
自举模态的格式
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</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>
Stack Overflow用户
发布于 2015-08-22 20:36:21
在modal-content中放置一个容器类，一切都会看起来很好。
<div class="modal-dialog modal-lg">
<div class="modal-content container">
<!-- form content goes here -->
</div>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32160496
复制相关文章
相似问题
腾讯云开发者
