twitter-bootstrap - 如何在 Bootstrap 模式中禁用垂直滚动？

Question

我有一个包含很多项目的表单，这些项目会导致模式扩展到垂直滚动，但我不想要这样。我在问答中进行了搜索，并讨论了背景滚动和无模态 self 。

.modal {
  width: 70%;
  margin: 0 auto;      
}

.modal-header, .modal-footer {
  text-align: center;
}

<div class="modal fade" id="PopupModel" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
    <div class="modal-dialog " role="document">
        <div class="modal-content">
            <div class="widget-header">
                <h4 class="modal-title" id="gridSystemModalLabel">product defineا</h4>
            </div>
            <div class="modal-body contentForm" id="modelResult">
                <br />
            </div>
            <div class="modal-footer">
                <div class="" style="text-align:right">
                    <button type="button" class="btn btn-primary" style="width: 100px; height: 38px;" onclick="submitform()">ok</button>
                    <button type="button" class="btn" data-dismiss="modal" style="width: 70px;height: 38px; ">cancel</button>
                </div>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>

你能提供什么帮助吗？

Answer 1

我自己解决。

 .modal-body   {overflow-y: hidden!important}