标题栏英雄根据浏览器大小缩放全高

Question

使用bootstrap，如何让页面背景填充视口，然后当滚动条向下移动时，页面的其他部分会进入查看状态？

我想要复制的一个示例是http://ideaware.co/，其中主标题栏部分具有填充浏览器窗口的天空背景，无论它实际有多高。

当您向下滚动其他子页面进入查看时，其中一些子部分有自己的背景或只是设置为纯色。

请问如何使用bootstrap执行此操作？

Answer 1

我已经玩了一点问题，经过一些谷歌搜索，我找到了解决方案。

您可以将主体设置为绝对定位，并将宽度和高度设置为100％。

然后，您可以将setcions的height属性设置为inherit。

body {
    padding-left: 0;
    padding-right: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.sect{
    height: inherit;    
}

在这里看我的小提琴实验： http://jsfiddle.net/straeger/SmFuk/1/

希望我能帮助你。