整篇页面静态页脚在twitter bootstrap 3.3中

Question

我正在尝试在Twitter引导程序中创建一个完整的页面静态页脚，如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;
}

这是一个小提琴：http://jsfiddle.net/m0nk3y/yp5ff0wc/1/

你不需要＆＃34;词缀＆＃34;除非你想要它是固定的位置。此外，除非您计划在<div>内浮动元素，否则不必使用clearfix。由于您打算使用默认位置（默认情况下为“静态”），因此无需进行底部，左侧或右侧定位。

我希望有所帮助。祝你好运！