Hey Leute, ich bin ein Neuling hier. Ich lerne die Zurb-Stiftung und meine Frage ist, wie kann ich die Standardbreite der Zeile im Framework erhöhen. wie 960 Grid-System hat 960 px. Wie kann ich den Wunsch der Reihe auf vielleicht 1200px erhöhen, so Sollte ich ein benutzerdefiniertes Stylesheet hinzufügen? bitte helfen Sie, danke.
Sie müssen !important nicht verwenden. Platziere einfach dein neues CSS - sagen wir app.css - unter dem foundation.css und benutze folgendes:
Sie können auch eine andere Klasse verwenden und diese Eigenschaft hinzufügen, damit sie nicht in Konflikt mit der Standardzeile steht.
Überschreiben Sie die Eigenschaft max-width Ihrer .row-Klasse und legen Sie sie auf die gewünschte Breite fest.
%Vor%Wenn Sie SASS verwenden, suchen Sie in der Dokumentation nach Gittervariablen Hier finden Sie Informationen zum Überschreiben der Zeilenbreite, der Rinnenbreite und mehr.
%Vor%Besser ist es, zu der _settings.scss Foundation-Datei in Ihrem Projekt zu gehen, online nachzusehen, wenn Sie _settings.css nicht haben oder wenn Sie den Speicherort nicht kennen. öffne es einfach und finde das
%Vor%und dieser obere Wert erzeugt eine Zeilenbreite wie unter dem Wert, d. h. 61.25rem.
%Vor%aber jetzt, wenn Sie diese Zeilenbreite von 980 in etwas wie 1280 ändern, wie im Beispiel
%Vor%Dann können Sie unten sehen, dass mein CSS automatisch mit der neuen max-width
generiert wird %Vor%Seien Sie vorsichtig mit diesen Einstellungen, weil Sie Aussehen und Layout der gesamten Website drastisch ändern können.
Tags und Links css zurb-foundation