javascript - コンテンツ変更時のブートストラップモーダルサイズ変更

Question

フォームを含むブートストラップモーダルウィンドウがあります。ユーザーがフォームを送信すると、Ajaxを介して検証されます。エラーがある場合は、モーダルのフォームの上に表示されます（ページをリロードせずに）。

したがって、コンテンツが変更されたときにモーダルのサイズを変更する方法が必要です。何か案は？

Answer 1

divの高さを設定しないようにしましたか？

Answer 2

私も同じ問題を抱えてる。max-heightを削除するだけです。

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

Answer 3

後者の回答は、コア css 定義を編集することを示唆しているため、これはお勧めしません。これは悪い習慣です。whatthing.cssでは、CSS Point Score を使用して次のように上書きできます。

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