我使用基础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>