根据内容制作Bootstrap模态形式resize/fit

Question

我目前正在使用 MVC 在 C# 中构建 Web 应用程序，其中我使用 Bootstrap 模态形式用于两种用途中的任何一种（显然是在不同的时间）。问题是，我不确定如何根据内容生成合适高度的表单。

<div class="modal" id="modal-add-application" tabindex="-1" role="dialog" 
                    aria-labelledby="modal-add-application" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close cancel" data-dismiss="modal">
                       <span aria-hidden="true">&times;</span><span class="sr-only">
                       Close</span></button>
                <h4 class="modal-title" id="addApplicationTitle">Add application</h4>
            </div>
            <div class="modal-body" id="addApplicationBody">

            </div>
        </div>
    </div>
</div>

通过 Ajax 请求填充正文并显示表单，但现在这并不重要。

目前表格显示如下：

无论表单中有多少元素。似乎总是有 +/- 100 像素太短。我试过设置静态高度，但显然这不是 'perfect' 解决方案，因为它要么太长，要么有可能太短。

Answer 1

.modal-body {
    margin-bottom: 100px;
}

根据内容制作Bootstrap模态形式resize/fit

Make a Bootstrap modal form resize/fit, depending on the contents

javascript

css

jquery

twitter-bootstrap

bootstrap-modal