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

बूटस्ट्रैप 3 कॉलम पुनर्व्यवस्था: चतुराई से `col-lg-push` और` col-lg-pull` का उपयोग करें

2025-04-21 को पोस्ट किया गया
ब्राउज़ करें:186

] Col-lg-push और col-lg-pull वर्गों को विशेष रूप से इस उद्देश्य के लिए डिज़ाइन किया गया है, बड़े स्क्रीन उपकरणों (डेस्कटॉप और लैपटॉप) पर कॉलम के लेआउट पर नियंत्रण प्रदान करता है। मार्कअप। उदाहरण के लिए, यदि आप चाहते हैं कि दूसरा 5-ग्रिड कॉलम पहले दिखाई दे, तो अपनी सामग्री को अपने कोड में पहले 5-ग्रिड कॉलम से पहले रखें। यह वर्ग अपनी मूल स्थिति से 5 कॉलम द्वारा कॉलम को धक्का देगा। यह वर्ग बाईं ओर 5 कॉलम द्वारा स्तंभ को खींच देगा।

How to Rearrange Bootstrap 3 Columns Using `col-lg-push` and `col-lg-pull`?

दूसरा
पहला
तीसरा
स्पष्टीकरण:

इस उदाहरण में, दूसरे कॉलम को COL-LG-PUSH-5 का उपयोग करके 5 कॉलम द्वारा दाईं ओर धकेल दिया गया है, जिससे यह बड़ी स्क्रीन पर तीसरे कॉलम के बाद दिखाई देता है। पहले कॉलम को COL-LG-PULL-5 का उपयोग करके 5 कॉलम द्वारा बाईं ओर खींचा जाता है, इसे तीसरे कॉलम से पहले लाया जाता है। यह वांछित लेआउट बनाता है: [५] (दूसरा), [५] (पहला), [२] मोबाइल पर और [५] [५] [५] [२]
  1. वाम। छोटे स्क्रीन आकार, जैसा कि बूटस्ट्रैप डिफ़ॉल्ट रूप से मोबाइल लेआउट को प्राथमिकता देता है।
नवीनतम ट्यूटोरियल अधिक>

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

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

Copyright© 2022 湘ICP备2022001581号-3