css - 是否有全 View 高度的 Bootstrap 类

Question

我已经实现了以下 CSS 类:

.full-view-height {
    min-height: 100vh;
}

因为经过无数次网络搜索，我无法找到等效的 Bootstrap 类。 bootstrap 4 中默认存在这样的类吗？

Answer 1

简答:

是:

.min-vh-100

长答案:

我在写这个问题时突然想到我可以在 dist/css/bootstrap.css 上进行全文搜索以获得 100vh。大多数结果都与模态有关，但我最终找到了以下代码:

.min-vh-100 {
  min-height: 100vh !important;
}

它按预期工作。随后，我使用更精确的查询对 scss 文件夹进行了 grep，以发现源是 scss/utilities/_sizing.scss 中的一行，其中包括一些其他类似的帮助程序类。