4

这是问题所在。

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

网站的结构很基本：一个container和几个jumbotrons容器里面。

我希望每个 Jumbotron 都能完美地拉伸到用户浏览器窗口的高度，这样无论媒体可能是什么（智能手机、网络等），访问者一次都可以看到整个并且只有一个 jumbotron，而无需滚动用鼠标击倒...

你有想法吗？非常感谢！！;)

4

2 回答 2

14

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

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

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

然而，这并没有解决一次只能看到 1 个 jumbotron 的问题。这更多的是导航问题而不是大小问题。如果您根本不希望用户向下滚动，您可能希望为 jumbotrons 使用轮播。

于 2013-09-13T16:46:47.677 回答
0

我相信您想要的实际上是堆叠、全屏、响应式背景或堆叠符合窗口/视口高度的 div。

这里已经回答了：

全屏响应背景图片

于 2014-06-19T19:12:38.167 回答