html - Twitter Bootstrap 3 - Swap columns on extra-small devices -


इस सवाल का पहले से ही एक उत्तर है: < / P>

  • 2 जवाब

मेरे पास Twitter में दो कॉलम हैं बूटस्ट्रैप, वे इस तरह दिखते हैं:

  & lt; div class = "col-md-4 col-sm-6 col-xs-12" & gt; & Lt; div class = "post" & gt; कुछ यहाँ & lt; / div & gt; & Lt; / div & gt; & Lt; div वर्ग = "col-md-8 col-sm-6 col-xs-12" & gt; & Lt; div class = "post" & gt; कुछ यहाँ & lt; / div & gt; & Lt; / div & gt;  

यह एक्सएस रिज़ॉल्यूशन पर पूर्ण रूप से पूरी तरह चक्कर लगाता है, लेकिन मैं एक दूसरे के साथ उन दो कॉलमों को स्वैप करना चाहता हूं , ताकि दूसरे कॉलम में कोड पहला स्तंभ प्रदर्शित होगा और कोड का पहला कॉलम दूसरा कॉलम प्रदर्शित होगा।

मैंने col-xs-pull-12 और का उपयोग करने की कोशिश की थी Col-xs-push-12 लेकिन यह मुझे अजीब नतीजे दे दिया, कॉलम पूरी तरह ग्रिड से दूर थे मैं उन्हें बूटस्ट्रैप कक्षाओं का उपयोग कैसे कर सकता हूं? मैं इसे केवल एक्स रिज़ॉल्यूशन पर करना चाहता हूं।

आपको पुल और पुश का सही तरीके से उपयोग करना होगा .... यह बड़े उपकरणों के लिए है:

  1. जोड़ें धक्का

    > और बड़े उपकरणों पर ऑर्डर बदलने के लिए खींचें

      & lt; div class = "col-md-8 col-md-push-4 col-sm-6 Col-sm-push-6 col-xs-12 "& gt; & Lt; div class = "post" & gt; यहां कुछ भी अब & lt; / div & gt; & Lt; / div & gt; & Lt; div वर्ग = "कर्नल-एमडी -4 काली-एमडी-पुल -8 कॉल-एसएच -6 कॉल-एसएम-पुल -6 को-एक्सएस -12" & gt; & Lt; div class = "post" & gt; कुछ यहाँ & lt; / div & gt; & Lt; / div & gt;  

यह


Comments

Popular posts from this blog

HTML/CSS - Automatically set height width from background image? -

php - Mysql Show Process - Sleep Commands and what to do -

c - What is the address of buf (the local variable in the main function)? -