Bootstrap 3中的容器完全适应观众屏幕尺寸的高度

ℕʘʘ*_*ḆḽḘ 4 containers responsive-design twitter-bootstrap twitter-bootstrap-3

这是问题所在.

bootstrap 3.0用于一个非常非常基本的网站.不过,我想补充一些改进,但我需要帮助.

网站的结构非常基本:a containerjumbotrons容器内的几个.

我希望每个Jumbotron能够完美地延伸到用户浏览器窗口的高度,这样无论媒体是什么(智能手机,网络等),访问者都可以完全看到当时只有一个jumbotron而无需滚动用鼠标下来......

你有好主意吗?非常感谢!!;)

Zim*_*Zim 14

您可以将specialCSS类添加到容器中并将其设置为100%高度.HTML和BODY也必须是100%高度...

html,body {height:100%;}
.special,.special .jumbotron {height:100%;}
Run Code Online (Sandbox Code Playgroud)

演示:http://bootply.com/80826

然而,这并没有解决一次仅看到1个jumbotron的问题..这更像是导航问题而不是尺寸问题.如果您不希望用户向下滚动,您可能需要使用旋转木马作为jumbotrons.