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

Question

使用引导程序如何让页面背景填充视口，然后在向下移动滚动条时页面的其他部分进入查看？

我想复制的一个例子是这里http://ideaware.co/主标题块部分有天空背景，无论它实际上有多高，它都会填满浏览器窗口。

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

请问我怎么能用引导程序做到这一点？

Answer 1

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

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

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

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

.sect{
    height: inherit;    
}

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

希望我能帮助你。