दिलचस्प पोस्ट
क्या मैं नोडजेएस (ईएस 7) में वादा कर सकता हूं और भूल सकता हूं? पीआईएल के साथ एक पीएनजी छवि का अल्फा मान कैसे प्राप्त करें? गतिशील जेसन ऑब्जेक्ट को सी # एमवीसी नियंत्रक पास करना Html5 – क्रॉस ब्राउजर इफ्रेम पोस्टमेसेज – बच्चे को माता-पिता? प्रत्येक समूह में अंतिम रिकॉर्ड प्राप्त करना ऑडियो मिक्सर में विज़ुअलाइज़ किए गए व्यक्तिगत विंडो एप्लिकेशन को वर्तमान मात्रा आउटपुट स्तर प्राप्त करना अनुक्रम (डाटाबेस) क्या है? हमें इसकी आवश्यकता कब होगी? क्लासेस, ऑब्जेक्ट और इंस्टेंस के बीच अंतर वर्तमान में एक ही (प्रारंभिक) कमिट को एक Git रिपॉजिटरी में प्रतिबद्ध करें? आप एक प्रोग्राम और 'पोस्ट' को एक वेब पेज कैसे प्रोग्राम में भरते हैं? Scala 2.10 में प्रतिबिंब के माध्यम से प्रकार पैरामीटर ढूँढना? मैं सी # से एक प्रक्रिया कैसे शुरू करूं? अपस्ट्रीम ने अपस्ट्रीम से प्रतिक्रिया शीर्ष लेख पढ़ते समय बहुत बड़ा शीर्ष भेजा साउंडकार्ड से सी # रिकॉर्डिंग ऑडियो सिस्टम वी आईपीसी बनाम पॉसिक्स आईपीसी

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

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

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

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

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

धन्यवाद।

Solutions Collecting From Web of "ट्विटर बूटस्ट्रैप 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