डिफ़ॉल्ट रूप से, ज़र्ब फाउंडेशन 4 और 5 में पंक्तियां 1000px की अधिकतम चौड़ाई पर चलती हैं, यहां तक कि बहुत बड़े मॉनीटर पर भी, जो सामग्री के दोनों तरफ मार्जिन बनाती हैं। मैं इसे डिजाइन की प्रतिक्रिया को प्रभावित किए बिना पूर्ण स्क्रीन पर कैसे चला सकता हूं?मैं ज़र्ब फाउंडेशन 4/5 पूर्ण स्क्रीन में पंक्तियां कैसे बना सकता हूं?
उत्तर
सीएसएस फ़ाइल के लिए निम्न कोड जोड़ें:
मुझे यह पसंद नहीं है क्योंकि यह पूरे पृष्ठ को 100% बनाता है। यदि आप केवल एक पाद लेख या शीर्षलेख 100% बनाना चाहते थे तो नीचे मेरा उदाहरण देखें। – Tom
ठीक है, हाँ, जाहिर है; लेकिन यह मूल सवाल नहीं है। टिप्पणियों में आपके द्वारा उठाए गए प्रश्न का आपका पूर्ण जवाब है। – BFWebAdmin
@BFDatabaseAdmin का उपयोग कर! महत्वपूर्ण स्टाइलशीट को बर्बाद करने का एक अच्छा तरीका है। कोई भी .row.narrow न्यूनतम-चौड़ाई सेट करने में सक्षम नहीं होगा: 50% क्योंकि स्टैक ओवरफ्लो टिप्पणी थ्रेड पर किसी के पास एक स्वीकार्य उत्तर होता है जो कहता है कि आधार .row शैली में डिफ़ॉल्ट न्यूनतम चौड़ाई को ओवरराइड करने के लिए एक महत्वपूर्ण टैग होना चाहिए पंक्ति पर ... – Lotus
आप सास/कम्पास, zurb-foundation
मणि, या एक स्वनिर्धारित फाउंडेशन वितरण का उपयोग कर रहे हैं, तो आप $row-width
चर सेट कर सकते हैं। यह कहीं भी इस्तेमाल होने के माध्यम से बह जाएगा। आप समायोजित भी कर सकते हैं, उदाहरण के लिए, कॉलम की संख्या, गटर चौड़ाई, और इसी तरह।
ग्रिड प्रलेखन के नीचे अधिक बताते हैं: http://foundation.zurb.com/docs/components/grid.html
मुझे लगता है कि यह करने के लिए सबसे अच्छा तरीका यह की तरह है।
अपने सीएसएस या css-
.row.full-width {
width: 100%;
max-width: 100%;
}
फिर अपने html में
एक कस्टम में इस जोड़े, इस-
<div class="row full-width"> </div>
कर यह आपको घटना में चातुर्य में ग्रिड प्रणाली रखने के लिए अनुमति देगा आप केवल हेडर या पाद लेख के लिए पूर्ण स्क्रीन का उपयोग करना चाहते हैं।
<div class="row">
<div class="large-6 columns"></div>
<div class="large-6 columns"></div>
</div>
इस 1000px
<div class="large-6 columns"></div>
<div class="large-6 columns"></div>
की चौड़ाई दे देंगे, लेकिन यदि आप पंक्तियों वर्ग के बिना स्तंभ वर्ग का उपयोग आप फुलस्क्रीन मिल जाएगा ...
पंक्तियों को जोड़ने से ज़र्ब की मौलिक ग्रिड-आधारित संरचना खो जाती है। – BFWebAdmin
- 1. मैं ज़र्ब फाउंडेशन में पंक्ति चौड़ाई कैसे बढ़ा सकता हूं?
- 2. ज़र्ब फाउंडेशन
- 3. ज़र्ब फाउंडेशन
- 4. ज़र्ब फाउंडेशन
- 5. ज़र्ब फाउंडेशन 6 खुलासा
- 6. ज़र्ब फाउंडेशन टॉपबार सभी
- 7. ज़र्ब फाउंडेशन 4 - पूर्ण ऊंचाई कॉलम कैसे बनाएं
- 8. ज़र्ब फाउंडेशन 3 - पूर्ण चौड़ाई अनुभाग और अधिकतम चौड़ाई बदलें?
- 9. ज़र्ब फाउंडेशन टेबल पट्टी स्टाइल
- 10. ज़र्ब फाउंडेशन: लेआउट एक आईफोन
- 11. मैं कोरोना एसडीके में लोडिंग स्क्रीन कैसे बना सकता हूं?
- 12. ज़र्ब फाउंडेशन में उत्तरदायी Google मानचित्र कैसे बनाएं
- 13. मैं बुलमा बटन को पूर्ण चौड़ाई कैसे बना सकता हूं?
- 14. एसएएसएस और ज़र्ब फाउंडेशन - भ्रमित स्थापना निर्देश
- 15. मैं एक पूर्ण/खाली डीएसीएल कैसे बना सकता हूं?
- 16. ज़र्ब फाउंडेशन Accordion Accordion के अंदर Nested
- 17. मैं फ़ॉन्ट आइकन 45 डिग्री कैसे घुमा सकता हूं?
- 18. ज़र्ब फाउंडेशन 4 टाइपोग्राफी की गणना कैसे करता है?
- 19. मैं WPF में अनुकूली लेआउट कैसे बना सकता हूं?
- 20. मैं रिमोट फाइल कैसे बना सकता हूं?
- 21. एंगुलरजेस + ज़र्ब फाउंडेशन, क्या वे अच्छी तरह से खेलते हैं?
- 22. मैं MySQL में एक डीईएससी इंडेक्स कैसे बना सकता हूं?
- 23. मैं HTML5 कैनवास को पूर्णस्क्रीन कैसे बना सकता हूं?
- 24. मैं रंगीन टेक्स्ट कैसे बना सकता हूं?
- 25. मैं पर्ल क्लास कैसे बना सकता हूं?
- 26. मैं थ्रेड पूल कैसे बना सकता हूं?
- 27. मैं वर्चुअल गेमपैड कैसे बना सकता हूं?
- 28. मैं स्टब फ़ंक्शंस कैसे बना सकता हूं?
- 29. मैं स्ट्रिंग को कैसे बना सकता हूं?
- 30. मैं वर्टिकल यूआईस्लाइडर कैसे बना सकता हूं?
स्वीकार किए जाते हैं जवाब मुझे शुरू हुई लेकिन मुझे इसका इस्तेमाल करना पड़ा: बॉडी, एचटीएमएल, .रो {मार्जिन: 0 पीएक्स; चौड़ाई: 100%! महत्वपूर्ण; न्यूनतम चौड़ाई: 100%! महत्वपूर्ण; } –