टेलविंड में ब्लॉक-स्तरीय फ्लेक्स कंटेनर कैसे बनाएं?

• • “ मोड़ना क्लास का उपयोग ब्लॉक-स्तरीय फ्लेक्स कंटेनर बनाने के लिए किया जाता है।
  • “ अंतराल-2 क्लास फ्लेक्स के चाइल्ड तत्वों के बीच रिक्ति की 2 इकाइयाँ जोड़ता है।
  • “ एम-2 क्लास कंटेनर के सभी किनारों पर मार्जिन की 2 इकाइयाँ जोड़ता है।
  • “ सीमा-2 क्लास 2 यूनिट चौड़ाई वाले कंटेनर में बॉर्डर जोड़ता है।
  • “ बॉर्डर-काला क्लास बॉर्डर का रंग काला पर सेट करता है।

चाइल्ड फ्लेक्स तत्वों में:

• • “ बीजी-पीला-500 क्लास फ्लेक्स आइटम की पृष्ठभूमि पर पीला रंग लागू करता है।
  • “ पी 4 क्लास फ्लेक्स आइटम के सभी तरफ 4 इकाइयों की पैडिंग जोड़ता है।

उत्पादन

उपरोक्त आउटपुट में, बॉर्डर दर्शाता है कि कंटेनर एक ब्लॉक-स्तरीय फ्लेक्स कंटेनर है, जो अपने मूल तत्व (ब्राउज़र) की पूरी चौड़ाई पर कब्जा कर लेता है।

वैकल्पिक रूप से, उपयोगकर्ता वेब पेज पर फ्लेक्स कंटेनर तत्व का निरीक्षण करके इसे सुनिश्चित कर सकता है:

उपरोक्त आउटपुट इंगित करता है कि कंटेनर एक ब्लॉक-स्तरीय फ्लेक्स कंटेनर है।

निष्कर्ष:

टेलविंड में ब्लॉक-स्तरीय फ्लेक्स कंटेनर बनाने के लिए, 'जोड़ना आवश्यक है' मोड़ना विशेष कंटेनर के साथ उपयोगिता वर्ग और उसके चाइल्ड तत्वों को निर्दिष्ट करें। उपयोगकर्ता अपनी आवश्यकताओं के अनुसार फ्लेक्स आइटम को परिभाषित और संशोधित कर सकते हैं। सत्यापन के लिए, कंटेनर में बॉर्डर जोड़ें और वेब पेज देखें या वेब पेज पर उस तत्व का निरीक्षण करें। इस लेख में टेलविंड में ब्लॉक-स्तरीय फ्लेक्स कंटेनर बनाने की विधि बताई गई है।