Fatal编程技术网
  • twitter-bootstrap/
  • Twitter bootstrap Bootstrap 3中的容器，可完全适应观看者的高度'；屏幕大小

Twitter bootstrap Bootstrap 3中的容器，可完全适应观看者的高度'；屏幕大小

twitter-bootstrap responsive-design twitter-bootstrap-3

Twitter bootstrap Bootstrap 3中的容器，可完全适应观看者的高度'；屏幕大小,twitter-bootstrap,responsive-design,containers,twitter-bootstrap-3,Twitter Bootstrap,Responsive Design,Containers,Twitter Bootstrap 3,问题就在这里 我使用bootstrap3.0创建一个非常基础的网站。尽管如此，我还是想添加一些改进，但我需要帮助 网站的结构非常基本：一个容器和容器内的几个巨型机器人 我希望每个Jumbotron都能完美地延伸到用户浏览器窗口的高度，这样无论媒体是什么（智能手机、网络等），访问者都能看到整个，并且一次只看到一个Jumbotron，而无需用鼠标向下滚动 你有什么想法吗？ 非常感谢！！；） 您可以向容器添加一个特殊的CSS类，并将其设置为100%高度。HTML和正文也必须是100%高度 html,b

问题就在这里

我使用
bootstrap3.0
创建一个非常基础的网站。尽管如此，我还是想添加一些改进，但我需要帮助

网站的结构非常基本：一个
容器
和容器内的几个
巨型机器人

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

你有什么想法吗？
非常感谢！！；）

您可以向容器添加一个
特殊的
CSS类，并将其设置为100%高度。HTML和正文也必须是100%高度


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


演示：


然而，这并不能解决一次只能看到一个巨型机器人的问题。。与其说是尺寸问题，不如说是导航问题。如果你根本不想让用户向下滚动，那么你可能想使用旋转木马来播放jumbotrons。
我相信你真正想要的是堆叠、全屏、响应性背景或符合窗口/视口高度的堆叠div

这里已经有答案了：