बूटस्ट्रैप 4 में लंबवत संरेखण

बूटस्ट्रैप 4 में लंबवत संरेखण कई तरीकों से प्राप्त किया जा सकता है, प्रत्येक के अपने फायदे और अनुप्रयोग परिदृश्य हैं।

ऑटो मार्जिन

ऑटो मार्जिन का उपयोग तत्वों को उनके कंटेनरों के भीतर लंबवत रूप से केंद्रित करने के लिए किया जा सकता है। यह उस तत्व में माय-ऑटो क्लास जोड़कर पूरा किया जाता है जिसे आप केन्द्रित करना चाहते हैं। उदाहरण के लिए:

Flexbox
बूटस्ट्रैप 4 डिफ़ॉल्ट रूप से फ्लेक्सबॉक्स का लाभ उठाता है, जो ऊर्ध्वाधर संरेखण के लिए शक्तिशाली उपकरण प्रदान करता है। फ्लेक्सबॉक्स का उपयोग करके किसी तत्व को लंबवत रूप से केन्द्रित करने के लिए, तत्व पर संरेखण-स्वयं-केंद्र वर्ग का उपयोग करें। वैकल्पिक रूप से, पैरेंट कंटेनर पर एलाइन-आइटम-सेंटर का उपयोग करने से इसके सभी फ्लेक्स आइटम लंबवत रूप से केंद्रित हो जाएंगे।
Display Utilities
प्रदर्शन उपयोगिताओं का उपयोग तत्वों के लिए प्रदर्शन संदर्भ स्थापित करने के लिए किया जा सकता है। ऊर्ध्वाधर संरेखण उपयोगिताओं के संयोजन में, आप इनलाइन या टेबल सेल तत्वों के ऊर्ध्वाधर संरेखण को ठीक कर सकते हैं। उदाहरण के लिए:
इन तकनीकों को समझकर, आप प्रभावी ढंग से बूटस्ट्रैप 4 में तत्वों को लंबवत रूप से केंद्रित कर सकते हैं, जिससे आपके वेब पेजों का संरेखण और दृश्य अपील बढ़ सकती है।