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%;
}
Но это не работает, как ожидалось. Модальное окно достигает максимального размера, но оно просто обрезает его содержимое, и нижний колонтитул даже не отображается.
Спасибо за любую помощь.