Bootstrap有什么东西可以在屏幕上显示整个页面？

Question

我创建了一些带有引导程序的页面，我希望以任何屏幕大小显示整个页面，而无需用户向上或向下滚动页面。 引导程序中有什么东西可以做到这一点吗？这个想法类似于col类，但对于行。

Answer 1

Bootstrap无法对行进行分段，因为它占用了必要的垂直空间来显示内容。您可以将高度约束应用于css中的内容：

.FullPage {
      max-height: 100%;
 }

但是，限制内容占用的空间并不理想，因为它可能会导致一些令人讨厌的视觉错误。您可以随时为整个页面拉伸内容，但很少会垂直限制它。

Answer 2

我认为你在寻找的是这个

.FullPage { height: 100vh; }

这会将.FullPage类的大小设置为视口高度的100％