दिलचस्प पोस्ट
निर्धारित करना कि कोई वस्तु आदिम प्रकार का है एनईटी प्रतिबिंब कितना महंगा है? सुपरक्लास कंस्ट्रक्टर को फोन करने के लिए नियम क्या हैं? ACTION_SEND के माध्यम से एंड्रॉइड ऐप से फेसबुक पर टेक्स्ट साझा करें कंसोल में पाठ प्रगति पट्टी क्यों KML डेटा का उपयोग कर एंड्रॉइड के लिए Google दिशाएं फिर से काम नहीं कर रही हैं? jQuery removalClass वाइल्डकार्ड मूल्य के बजाय कॉन्फ्रेंस संदर्भ से क्यों पास करें? सी में वस्तु उन्मुखीकरण कौन सा क्रिप्टोग्राफिक हैश फ़ंक्शन मुझे चुनना चाहिए? क्यों प्रतिक्रिया। रीडायरेक्ट सिस्टम का कारण होता है। थ्रेडिंग। थ्रेड एडोबेशन? JQuery के साथ फ़ाइल अपलोड प्रगति बार SQL सर्वर तालिका के लिए INSERT स्टेटमेंट्स को स्वत: उत्पन्न करने का सबसे अच्छा तरीका क्या है? पायथन स्ट्रिंग प्रिंट के रूप में पृष्ठों के लिए फेसबुक एक्सेस टोकन

ट्विटर बूटस्ट्रैप 3, खड़ी केंद्र सामग्री

मुझे पता है कि यह एक हज़ार बार पूछा गया है लेकिन मुझे पाठ और छवि को खड़ी होने के लिए केन्द्रित करने का कोई तरीका नहीं मिल सकता है।

मैं गतिशील सामग्री के साथ ट्विटर बूटस्ट्रैप 3 का उपयोग कर रहा हूं, इसलिए इसके लिए, मुझे न तो पाठ और न ही छवि पर आकार का पता है। इसके अलावा, मैं चाहता हूं कि यह सब उत्तरदायी हो।

मैंने एक बूथ तैयार की है जो उस प्रकार के लेआउट का सारांश करता है जिसे मैं हासिल करने की कोशिश कर रहा हूं। असल में, मैं पाठ और छवि खड़ी केंद्रित होना चाहता हूँ। पाठ हमेशा छवि से बड़ा नहीं होता है

क्या कोई इस के साथ मेरी मदद कर सकता है?

धन्यवाद।

वेब के समाधान से एकत्रित समाधान "ट्विटर बूटस्ट्रैप 3, खड़ी केंद्र सामग्री"

आप display:inline-block उपयोग कर सकते हैं display:inline-block float और vertical-align:middle करने के बजाय display:inline-block vertical-align:middle इस सीएसएस के साथ vertical-align:middle :

 .col-lg-4, .col-lg-8 { float:none; display:inline-block; vertical-align:middle; margin-right:-4px; } 

डेमो http://bootply.com/94402

विकल्प 1 display:table-cell का उपयोग करना display:table-cell आपको float:none का उपयोग करते हुए बूटस्ट्रैप कोलेक्शन को अनलॉक करने की आवश्यकता है float:none ..

 .center { display:table-cell; vertical-align:middle; float:none; } 

http://bootply.com/94394


विकल्प 2 display:flex को फ्लेक्सबॉक्स के साथ पंक्ति को फ़्लेक्स करें:

 .row.center { display: flex; align-items: center; } 

http://www.bootply.com/7rAuLpMCwr


ऊर्ध्वाधर केंद्रिंग बूटस्ट्रैप 4 में बहुत भिन्न है बूटस्ट्रैप 4 के लिए यह उत्तर देखें https://stackoverflow.com/a/41464397/171456