css-zurb foundation是可能有完整的行宽

前端之家收集整理的这篇文章主要介绍了css-zurb foundation是可能有完整的行宽前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用基础3来构建一个响应式网站,但我想让页脚和导航背景宽度占据整个宽度?我把我的行命名为
class="row navigation"
class="row footer"

我试图寻找如何解决这个,但我的选择。我假设它是在foundation.css文件中的一个小修复,但它是一个有点太压倒了,在那一刻,因为我是新的。

任何poiinters非常赞赏。

解决方法

我昨天碰到了同样的问题。诀窍是,对于全宽度跨度块,你只是将它们从行/列结构中,因为行/列将始终应用默认填充。单独保留页脚和标题,并在其中使用行/列。
<header>
    This will span the full width of the page
</header>
<div class="row">
    <div class="twelve columns">
        This text will flow within all typical padding and margins
    </div>
</div>
<footer>
    This will span the full width of the page
    <div class="row">
        <div class="twelve columns">
            This text will flow within all typical padding and margins
        </div>
    </div>
</footer>

猜你在找的CSS相关文章