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

前端之家收集整理的这篇文章主要介绍了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发表)也是一个很棒的阅读 – 我以前没看过。

猜你在找的CSS相关文章