/ / zurb foundation - Grid-Containergröße ändern? - zurb-foundation, zurb-foundation-6

zurb foundation - Grid-Containergröße ändern? - zurb-foundation, zurb-foundation-6

Was ist die Standardbreite von? .grid-Behälter auf großem Bildschirm? Wie kann ich es ändern und vergrößern? Was ist der richtige Weg, es zu tun?

Antworten:

1 für die Antwort № 1

Öffne einfach deine "_settings.scss"Datei, runter zu Abschnitt 2"Haltepunkte"(Zeile 103) und bearbeiten Sie die Pixelwerte dort, wie Sie es bevorzugen.

// 2. Breakpoints
// --------------

$breakpoints: (
small: 0,
medium: 640px,
large: 1024px,
xlarge: 1200px,
xxlarge: 1440px,
);


1 für die Antwort № 2

Dies ist eine schnellere Lösung, ohne die Einstellungen zu verändern:

/**
* Change container size on xxlarge screen.
*/
@media screen and (min-width: 90em) {
.grid-container {
max-width: 85rem;
}
}