是否有可能改变jumbotron的高度？

Question

我试图调整jumbotron的大小，使其填满整个屏幕。基本网站，只有一排导航丸，下面有一个巨型的超大屏幕。我只能找到有关改变jumbotron宽度的信息

Answer 1

是的，可以改变jumbotron的高度。在像jdltest这样的jumbotron代码的css中说：

  

＆＃34;将100％的高度应用于jumbotron，它的容器，正文和html＆＃34;

这个代码应该是这样的：

.jumbotron, body, html {
height: 100%;
width: 100%
}

这使得jumbotron的高度和宽度为100％（如果它是一个类，如果它是一个id #jumbotron），body和html。虽然请记住，这需要遵循您的jumbotron，body和HTML的高度和宽度的声明。虽然我假设您将此全部链接到单独的css文件。

另一个类似的问题虽然不是特定于jumbotron，但是Make div 100% height of browser window。在这个问题的答案中，它进入视口作为使用height:100%;的替代方法，詹姆斯进入height:100vh;，这可能是另一种选择。

Answer 2

将100％的高度应用于jumbotron，其容器，正文和html。

只给jumbotron 100％的高度只会告诉jumbotron有其容器的高度（我不知道你的结构是什么样的，因为除了一个问题你没有提供任何东西）

将100％的高度应用于其容器以及身体和高度将使其成为屏幕的整个高度。