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>

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效