html - Twitter bootstrap 3.3 中的整页静态页脚

Question

我正在尝试在 twitter bootstrap 中创建一个完整的页面静态页脚，就像在 This 中一样。网站或This网站。两个网站的页脚几乎都是 400px 到 500px，我想要相同的页脚但静态不固定，我创建的显示固定的我不知道我在哪里弄乱了代码。这是 jsfiddle Link我尝试的是我的代码...

页脚html代码

<div class="footer affix clearfix">
gfh
</div>

页脚 CSS

.footer
{

    bottom: 0;
    height: 400px;
    left: 0;
    right: 0;
    width: 100%;
    background: #222222;
}

Answer 1

您需要将 HTML 和 CSS 更新为:

<div class="footer">gfh</div>

.footer {
    height: 400px;
    width: 100%;
    background: #222222;
}

这是一个 fiddle :http://jsfiddle.net/m0nk3y/yp5ff0wc/1/

除非你想让它固定位置，否则你不需要“附加”。此外，clearfix 不是必需的，除非您计划在 <div> 中 float 元素。 .不需要底部、左侧或右侧定位，因为您计划使用默认位置(默认情况下为“静态”)。

希望对您有所帮助。祝你好运!