मैं एक सप्ताह के अंत परियोजना के रूप में खरोंच से एक ब्लॉग डिजाइन शुरू करना चाहता हूं, लेकिन मुझे यह देखने की समस्या है कि मैं इसे सीएसएस के माध्यम से कैसे प्रस्तुत कर सकता हूं। CSS ग्रिड सिस्टम में आप तत्वों की संख्या के आधार पर एक कॉलम के आकार को परिभाषित कर सकते हैं। मेरे पास 12 आधारित ग्रिड हैं और मैं 2 कॉलमों को तय कर सकता हूं: 6 के आकार का 2 या 5 में से एक और 7 में से एक।

[संपादित करें] मुझे एक वेबसाइट का उदाहरण मिला जो वह करता है जो मैं हासिल करना चाहता हूं: http: //www.by-form .net /

धन्यवाद ~

css
2
Andre Bermillon 18 नवम्बर 2015, 10:30

4 जवाब

सबसे बढ़िया उत्तर

आपके उत्तर के लिए धन्यवाद दोस्तों,

मुझे उस मुद्दे का जवाब देने के 2 तरीके मिले:

  • चिनाई ग्रिड Javasript लेआउट जो मैं इसे कैसे संभालना चाहता था के मूल विचार को बहुत बारीकी से संभालता हूं।
  • या एक नेस्टेड ग्रिड (ग्रिड के भीतर एक ग्रिड), उदा। profoundgrid
1
Andre Bermillon 24 नवम्बर 2015, 01:44

ऊर्ध्वाधर साइज़िंग के बारे में बात यह है कि यह आपकी सामग्री के बढ़ने के साथ-साथ बढ़ना चाहिए, यही कारण है कि ग्रिड सिस्टम में केवल 12 कॉलम के साथ पंक्तियों को शामिल किया जाता है, क्योंकि आपको इसमें सामग्री के रूप में बढ़ने के लिए अपने पृष्ठ की आवश्यकता होगी। जैसा कि पहले कहा गया है (और मुझे यकीन नहीं है कि आपके द्वारा पूछे जाने पर शुद्ध सीएसएस ग्रिड प्रणाली का मतलब है या यदि आप बूटस्ट्रैप्स ग्रिड सिस्टम या कुछ इसी तरह का उल्लेख कर रहे हैं), तो आप इसे प्राप्त करने के लिए बहुत सारे विभिन्न फ्रेमवर्क का उपयोग कर सकते हैं जैसे बूटस्ट्रैप या सामग्री बनाएँ या यहां तक कि अपने आप को बनाएं (जो एक महान व्यायाम है अगर आपका उद्देश्य यह समझना है कि यह कैसे काम करता है, लेकिन इतना नहीं कि यदि आप अपनी परियोजना के बारे में उत्पादक होना चाहते हैं)।

1
ZSnake 18 नवम्बर 2015, 08:23

मुझे इसके बारे में ज्यादा जानकारी नहीं है लेकिन बूटस्ट्रैप सीएसएस का उपयोग करके आप ग्रिड सिस्टम को प्राप्त कर सकते हैं।

इसकी जांच करें

0
user2982042 18 नवम्बर 2015, 07:54

छवि में आपका ग्रिड बहुत जटिल है। मुझे नहीं लगता कि आप बिना किसी पंक्तियों या स्तंभों के इस तरह से एक लेआउट प्राप्त कर सकते हैं जो पर्याप्त लचीला है। मेरे कहने का मतलब यह है कि आप निश्चित रूप से चाहते हैं कि जब सामग्री बड़ी हो जाए तो बक्से बढ़ें। यह एक बड़ी समस्या हो सकती है क्योंकि अगले और पिछले स्तंभों पर बहुत अधिक निर्भरताएं हैं।

मैंने इसी तरह के एक प्रश्न का उत्तर लिखा था कि लेआउट करने के लिए विभिन्न प्रकार की सीएसएस तकनीकें हैं। इसकी जाँच करें, यह यहाँ सहायक हो सकता है।

वैसे भी, अगर आप कुछ निर्भरता को कम करते हैं और ठीक से जानते हैं कि सामग्री का क्रम क्या होना चाहिए और जैसा दिखता है, तो यह बहुत आसान होगा।

0
Community 23 मई 2017, 12:19