这是问题所在。

我将 bootstrap 3.0 用于一个非常非常基本的网站。不过,我想添加一些改进,但我需要帮助。

网站的结构非常基本:容器内有一个container和几个jumbotrons

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

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

最佳答案

您可以向容器添加 special CSS 类并将其设置为 100% 高度。 HTML 和 BODY 也必须是 100% 的高度...

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

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

然而,这并没有解决一次只能看到 1 个超大屏幕的问题……这更像是一个导航问题而不是尺寸问题。如果您根本不希望用户向下滚动,您可能希望为超大屏幕使用轮播。

10-08 19:58