दिलचस्प पोस्ट
JUnit भ्रम: उपयोग 'TestCase' या '@Test' फैली? फ़ोल्डर और इसकी सामग्री git / GitHub के इतिहास से निकालें त्रुटि कोड: 1005. तालिका '…' नहीं बना सकते (त्रुटि: 150) मर्क्यूरिअल में गलत कमिट संदेश को कैसे संपादित करें? google एनालिटिक्स – एक पृष्ठ पर कई ट्रैकर (कुकी संघर्ष) SearchView के OnCloseListener काम नहीं करता है दो जीआईटी शाखाओं के सामान्य पूर्वज खोजें सी # एसआईपी स्टैक / लाइब्रेरी स्वचालित रूप से INotifyPropertyChanged क्या 2 डी अवतल पतवार उत्पन्न करने के लिए एक कुशल एल्गोरिथ्म है? ग्राफ से मिलान करने के लिए Matplotlib रंग बार आकार सेट करें आप डबल्यूपीएफ में बटन सीमा को पूरी तरह से कैसे हटा सकते हैं? PyCharm वैध कोड के लिए अनसुलझे संदर्भ त्रुटि दिखाता है पीडीएफ फाइल को HTML लिंक में डाउनलोड करने योग्य कैसे बनाऊं? फ़ाइल के साथ स्थानीय रूप से भरी हुई मोबाइल वेबवियोज़ से सीओआरएस कुकी क्रेडेंशियल:

बूटस्ट्रैप 3: कॉलम केवल छोटे स्क्रीन आकारों पर पुश / पुल करें

मेरे पास एक पृष्ठ पर निम्न लेआउट है:

<div class="col-lg-3">1</div> <div class="col-lg-2">2</div> <div class="col-lg-2">3</div> <div class="col-lg-2">4</div> <div class="col-lg-3">5</div> --------- ----- ----- ----- --------- | 1 | 2 | 3 | 4 | 5 | --------- ----- ----- ----- --------- 

लेकिन छोटे स्क्रीन आकारों पर मुझे निम्नलिखित लेआउट चाहिए:

 <div class="col-xs-6">1</div> <div class="col-xs-6">5</div> <div class="col-xs-4">2</div> <div class="col-xs-4">3</div> <div class="col-xs-4">4</div> ----------------- ----------------- | 1 | 5 | ----------------- ----------------- | 2 | 3 | 4 | ----------- ----------- ----------- 

(कॉलम ऑर्डर के पुन: व्यवस्थित होने पर ध्यान दें।) क्या कॉलम को केवल छोटे स्क्रीन आकारों पर पुश करने / खींचने के लिए संभव है? मैंने निम्नलिखित की कोशिश की है, लेकिन मुझे अजीब लेआउट मिलता है, और पूरी तरह से <div>5</div> खोने लगते हैं …:

 <div class="col-lg-3 col-xs-6">1</div> <div class="col-lg-2 col-xs-4 col-xs-push-4">2</div> <div class="col-lg-2 col-xs-4>3</div> <div class="col-lg-2 col-xs-4>4</div> <div class="col-lg-3 col-xs-6 col-xs-pull-12">5</div> 

Solutions Collecting From Web of "बूटस्ट्रैप 3: कॉलम केवल छोटे स्क्रीन आकारों पर पुश / पुल करें"

यह सोचकर खुद को जवाब दिया: मोबाइल पहले!

 <div class="col-lg-3 col-xs-6">1</div> <div class="col-lg-3 col-xs-6 col-lg-push-6">5</div> <div class="col-lg-2 col-xs-4 col-lg-pull-3">2</div> <div class="col-lg-2 col-xs-4 col-lg-pull-3">3</div> <div class="col-lg-2 col-xs-4 col-lg-pull-3">4</div> 

उन्हें पहले क्रम में टेबलेट पर ले जाना चाहिए, फिर उन्हें डेस्कटॉप पर स्थिति में डालकर पुश करें।

मुझे थोड़ा अलग आवश्यकता थी (अभी भी इसी तरह की पंक्तियों में)

नीचे मुझे वहाँ हो जाता है:

 <div class="row"> <div class="col-lg-1 col-xs-2">TIME</div> <div class="col-lg-5 col-xs-6">EVENT</div> <div class="col-lg-2 col-xs-4">STATUS</div> <div class="col-xs-2 visible-xs"></div> @*offset for xs*@ <div class="col-lg-2 col-xs-6">START LIST</div> <div class="col-lg-2 col-xs-4">RESULTS</div> </div>