zurb-foundation – 使用ZURB Foundation CSS Framework创建页脚

我使用ZURB基础CSS框架设计一个网站。目前，我正在尝试创建一个页脚，留在页面的底部。我有以下脚本代码，但它不会到底部，而是显示在中间。

你能告诉我如何创建一个页脚(使用ZURB基础框架)，将留在底部？

<div class="row">
    <div class="twelve columns" style="background-color:#000000; height:30px; bottom:0;"></div>
</div>

解决方法

我会创建两个不同的页脚 – 一个用于桌面和平板电脑 – 和一个手机。

使用Zurb的“显示和隐藏选项”，这很容易做到。您可以使用两个页脚使用任何图形，所以任何“下载惩罚”都很小。

要为您的网站创建一个粘性页脚，您必须添加一些CSS到Zurb。 (您可以将其添加到app.css文件，这是Zurb的额外CSS的存储库)

这是一篇关于如何创建粘贴页脚并考虑到Opera浏览器和旧版本的IE的伟大文章。

http://www.cssstickyfooter.com/

Brad Frost的文章(由Ed Charbeneau发表)也是一个很棒的阅读 – 我以前没看过。