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

您能否告诉我如何创建将停留在底部的页脚(使用ZURB基础框架)?

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

最佳答案

我会创建两个不同的页脚-一个用于台式机和平板电脑-一个用于电话。

使用Zurb的“在选项上显示和隐藏”非常容易做到。两个页脚都可以使用任何图形,因此任何“下载代价”都很小。

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

同样,布拉德·弗罗斯特(Brad Frost)的文章(由埃德·夏本诺(Ed Charbeneau)发表)读起来很棒-我以前从未见过。

关于zurb-foundation - 使用ZURB Foundation CSS框架创建页脚,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/13178801/

10-10 13:00