zurb foundation是可能有完整的行宽 [英] zurb foundation is it possible to have full row width

问题描述

我使用基础3来构建一个响应式网站，但我想让页脚和导航背景宽度占据整个宽度？我将我的行命名为

I'm using foundation 3 to build a responsive website but I want to have the Footer and Navigation background width to occupy the entire width? I have named my rows as

class="row navigation"
class="row footer"

我试图寻找如何解决这个问题，但我的选择。我假设它是在foundation.css文件中的一个小修复，但它是一个有点过于压倒性的时刻，因为我是新来的。

I tried looking for how to fix this but I'm out of options. I'm assuming it is a small fix in the foundation.css file but it's a bit too overwhelming at the moment as I'm new to it.

任何poiinters很多赞赏。

Any poiinters much appreciated.

推荐答案

我昨天碰到了同样的问题。诀窍是，对于全宽度跨度块，你只是将它们从行/列结构中，因为行/列将始终应用默认填充。保留您的页脚和标题，并在其中使用行/列。

I ran into the same problem yesterday. The trick is, for full width spanning blocks, you just keep them out of the row/column structure, since row/column will always apply the default padding. Keep your footers and headers on their own, and use row/column inside them.

<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>

这篇关于zurb foundation是可能有完整的行宽的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！