如何让 Twitter Bootstrap 模态页脚在小屏幕上始终可见？

Question

使用 Twitter Bootstrap 2.3.1，需要进行哪些更改才能强制始终显示页脚（及其内容！），即使在较小的屏幕上也是如此？我希望在这些较小的屏幕上，始终会显示modal-header 和modal-footer 中的内容，并且每个内容都会完全显示，只有modal-body 的内容是可滚动的。 modal-header 目前似乎有这种行为，但 modal-footer 的大小被调整到在非常小的垂直高度屏幕上，页脚甚至不再可见。

在这个例子中，你可以看到有很多 modal-body 内容，一个非常小的屏幕上的 modal-footer 被截断，我希望其中的按钮完全显示，如第二个部分示例。

Answer 1

.modal-body 类默认具有max-height: 400px。您可以在另一个 CSS 文件（或编辑 Bootstrap LESS 文件）中将其覆盖为较小的值，或根据窗口高度在页面加载和调整大小时通过 javascript 设置此值。