Zurb Foundation 3 - Abschnitte in voller Breite und maximale Breite ändern?

Question

Ich verwende ZURB Stiftung 3 bei einem Projekt von mir. Ich liebe Grid-Systeme und responsive Websites, aber mein Problem ist ich immer noch stark glauben, dass sie breiter als 1000px gebaut werden sollte.

Ich habe ein paar Fragen:

1) Zunächst einmal würde ich gerne bestimmte Abschnitte (Divs) in voller Breite machen. Jetzt habe ich gelesen, ich kann einfach ersetzen <div class="row"> avec <div class="container"> zum Beispiel, und es wird diesen Effekt erzeugen. Jetzt aus irgendeinem Grund dies fühlt sich nicht richtig, sollte ich nur meine eigene Klasse erstellen, die volle Breite, oder was wäre der richtige Weg, dies zu tun?

2) Ich würde es gerne für eine größere Auflösung haben, vielleicht ein max 1440px breit oder sogar eine flüssige 100% volle Breite. Wie könnte ich gehen über dies zu tun, und / oder ist Stiftung nicht der richtige Rahmen für mich? Ich liebe die Tatsache, es kommt mit allen Vorlagen so ist super schnell und freundlich zu tun Mockups.

Vielen Dank im Voraus.

Answer 1

Aktualisierung: Bitte hören Sie auf, diesen Beitrag herunterzustimmen. Die Rahmenbedingungen haben sich seit der Beantwortung der Frage erheblich geändert. Wenn Sie Foundation 4 oder höher verwenden, sehen Sie sich bitte die aktualisierten Antworten an und bewerten Sie sie hoch.

Nur für frühe Versionen von Foundation 3 Fügen Sie die folgende Überschreibung zu Ihrem CSS hinzu (diese muss nach oder am Ende von foundation.css erscheinen)

.row {
     width: 100%;
}

Dadurch wird die Standardeinstellung des Frameworks außer Kraft gesetzt und das Design wird bildschirmfüllend dargestellt. Sie können diesen Wert nach Belieben ändern.

Es gibt auch einen angepassten Download unter http://foundation.zurb.com/download.php (was wahrscheinlich das Gleiche bewirkt und .row width überschreibt oder ersetzt)

Answer 2

Das Bearbeiten/Überschreiben der Grundlage ist einfach. In Foundation 4 können Sie Ihre Datei _settings.scss bearbeiten. Uncomment out $row-width: emCalc(some_number.px); zu einer Zeile-Breite Sie verwenden möchten.

Answer 3

Unkommentiert $row-width: rem-calc(1000); hat für mich funktioniert