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