Bootstrap模式在内容更改时调整大小

Question

我有一个包含表格的bootstrap模态窗口。如果用户提交表单，它将通过Ajax进行验证。如果有任何错误，它会显示在模态中的表单上方（不重新加载页面）。

因此，我需要一种在内容更改时调整模式大小的方法。有什么想法吗？

Answer 1

你试过不设置div的高度吗？

Answer 2

我有同样的问题。我只是删除了最大高度。

.modal-body {
  overflow-y: auto;
  /*max-height: 400px;*/
  padding: 15px;
}

Answer 3

由于后一个答案建议编辑核心css定义，我会劝阻这个，这是不好的做法。在 whatever.css 中，您可以使用CSS Point Score覆盖它，如下所示：

div.modal-body {
    overflow-y: auto;
    max-height: none;
    padding: 15px;
}