Question

我有一个包含很多项目的表单会导致模态扩展到垂直滚动，但我不想要这个。我搜索过问题并回答并讨论了背景滚动而没有模态自我。

.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

我自己解决它。

＆＃13;

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

＆＃13;

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

1 个答案: