Twitter Bootstrap 3 Modal с прокручиваемым телом

Я перехожу с Bootstrap 2 на Bootstrap 3. В старой версии я использовал модалы с длинным контентом, и модалы автоматически прокручивались при достижении заданной максимальной высоты.

В Bootstrap 3 модальное пространство расширяется, чтобы показать весь контент, и мне нужно использовать клавишу перехода вниз, чтобы фактически добраться до конца и увидеть кнопки в модальном нижнем колонтитуле. Я не могу использовать полосу прокрутки в крайнем правом углу окна браузера, потому что она покрыта фоном, и в любом случае не будет интуитивно понятным прокручивать только содержимое в модальном окне.

Как я могу добиться модального режима в начальной загрузке 3, который автоматически вставляет полосу прокрутки для прокрутки содержимого при достижении максимальной высоты?

Я попытался установить максимальную высоту для модального класса, вот так:

.modal{
   max-height:80%;
}
.modal-header{
   height:15% !important;    
}
.modal-body{
   height:70%;
   overflow:auto;
}
.modal-footer{
   height:15%;
}

Но это не работает, как ожидалось. Модальное окно достигает максимального размера, но оно просто обрезает его содержимое, и нижний колонтитул даже не отображается.

Спасибо за любую помощь.

Ответы на вопрос(3)

Ваш ответ на вопрос