/ / zurb नींव - ग्रिड कंटेनर आकार बदलें? - ज़र्ब-फाउंडेशन, ज़र्ब-फाउंडेशन -6

ज़र्ब नींव - ग्रिड-कंटेनर आकार बदलें? - ज़र्ब-फाउंडेशन, ज़र्ब-फाउंडेशन -6

की डिफ़ॉल्ट चौड़ाई क्या है .grid-कंटेनर बड़ी स्क्रीन पर? मैं इसे कैसे बदल सकता हूं और इसे बड़ा कर सकता हूं? ऐसा करने का सही तरीका क्या है?

उत्तर:

उत्तर № 1 के लिए 1

बस अपना "_settings.scss"फ़ाइल, खंड 2 पर चलाएं"ब्रेकप्वाइंट"(लाइन 103) और जैसा कि आप पसंद करते हैं वहां पिक्सेल मानों को संपादित करें।

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

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


उत्तर № 2 के लिए 1

सेटिंग्स के साथ गड़बड़ किए बिना यह एक त्वरित समाधान है:

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