html - Bootstrap 布局 - 将页脚和内容行粘贴到底部

Question

我正在设计这个网站:http://ecostructionny.com .我正处于布置主页的位置，但有点卡住了。我想要底部的页脚行列出联系信息，然后在它的正上方是一排 3 条信息。背景图像是页面的主要视觉特征，所以我试图为它们留出空间来显示。

任何人都可以提供一些建议吗？如果有更好的布局方式，我会喜欢其他建议。

谢谢!

Answer 1

这里有一个很好的页脚教程

http://www.lwis.net/journal/2008/02/08/pure-css-sticky-footer/

演示页面在这里:

http://www.lwis.net/profile/CSS/sticky-footer.html

基本前提是主体页面被拉伸(stretch)到页面的 100%。最小高度也为 100%。

然后为页脚指定以下规则:

   #footer {
 clear: both;
 position: relative;
 z-index: 10;
 height: 3em;
 margin-top: -3em;
}