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;
}