html - 是否可以在 Bootstrap 中具有垂直响应功能？

Question

我有一个 3 面板布局如下:

当页面高度小于某个阈值时，我希望 Pane 3 消失。

Bootstrap 的响应功能是根据屏幕宽度触发的。只要屏幕很宽，bootstrap 就不会从 lg 到 md 再到 sm 再到 xs。所以在一个宽而短的屏幕上，它会显示所有三个 Pane 。鉴于我要在 Pane 2 和 Pane 3 中显示的内容，它们不能太短。

是否可以使用 bootstrap 或一些与 bootstrap 一起使用的自定义 CSS 来解决这个问题？尽可能避免自定义 java 脚本。

Answer 1

是的，根据 this link , 还有 min-height/max-height.

所以你就这样做

@media screen and (max-height: 300px) {
    .panel {
        display: block;
    }
}