Fundamentfuß, 100% breit - zurb-foundation

Das ist wahrscheinlich lächerlich einfach, aber ich kann nicht verstehen, wie man eine 100% breite Fußzeile in Foundation 5 erstellt. Ich habe mit folgendem versucht:

.footer {
width: 100% !important;
background: #cccccc;
}

und in der Vorlage

<div class="row footer">
This is the footer
</div>

aber die Fußzeile bleibt zentriert und mit einer Breite ungleich 100% der Seite. Gibt es eine eingebaute Möglichkeit, dies zu tun, was mir nicht bewusst ist?

Vielen Dank!

Antworten:

1 für die Antwort № 1

Bei Foundation-5 css ist die Eigenschaft max-width auf gesetzt row Klasse und Breite von 100%

.row {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 62.5rem;
}

Sie müssen nicht überschreiben .footer Klasse width mit 100% wie es das eh aus der reihe nimmt.

Maximal width-Eigenschaft überschreiben

.footer{
max-width:none;
}

P.S !important declarations should not be used unless they are absolutely necessary