"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > बूटस्ट्रैप कॉलम के भीतर सामग्री को कैसे केन्द्रित करें?

बूटस्ट्रैप कॉलम के भीतर सामग्री को कैसे केन्द्रित करें?

2024-11-07 को प्रकाशित
ब्राउज़ करें:373

How to Center Content Within Bootstrap Columns?

बूटस्ट्रैप कॉलम के भीतर सामग्री को केंद्रित करना

बूटस्ट्रैप में, कॉलम के भीतर सामग्री को केंद्रित करना विभिन्न तरीकों से हासिल किया जा सकता है।

एक सामान्य दृष्टिकोण कॉलम डिव के भीतर संरेखण = "केंद्र" विशेषता का उपयोग करना है। उदाहरण के लिए:

aaaaaaaaaaaaaaaaaaaaaaaaaaa

हालाँकि, यह विधि HTML5 द्वारा पूरी तरह से समर्थित नहीं है। इसके बजाय, बूटस्ट्रैप 3 एक समर्पित टेक्स्ट-सेंटर क्लास प्रदान करता है जिसे कॉलम पर लागू किया जा सकता है:

aaaaaaaaaaaaaaaaaaaaaaaaaaa

बूटस्ट्रैप 4 के लिए, फ्लेक्स कक्षाएं सामग्री को केंद्रित करने के लिए अधिक आधुनिक और कुशल समाधान प्रदान करती हैं:

some content

यह विधि डिफ़ॉल्ट रूप से सामग्री को x-अक्ष पर केन्द्रित करती है, जब तक कि फ्लेक्स-दिशा गुण को y-अक्ष के साथ केन्द्रित करने के लिए कॉलम पर सेट न किया जाए।

नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3