दिलचस्प पोस्ट
जावास्क्रिप्ट getElementByID () काम नहीं कर रहा है स्विफ्ट कंपाइलर त्रुटि: स्ट्रिंग संयोजन पर "अभिव्यक्ति बहुत जटिल" Plist में डेटा कैसे लिखने के लिए? सदिश के तत्वों के सभी संभावित संयोजनों की सूची उत्पन्न करें एक वस्तु का पहला सूचकांक प्राप्त करना जावास्क्रिप्ट के साथ अपलोड करने से पहले छवि चौड़ाई और ऊंचाई की जांच करें पूर्ण पथ को दिए जाने वाले मॉड्यूल को कैसे आयात करें? सीतनिद्रा में होना 4 और वसंत में विभिन्न प्रकार के रिश्तों को परिभाषित करने के लिए मैं एनोटेशन का उपयोग कैसे करूं? रिटर्न-पथ के बीच व्यवहार अंतर क्या है, उत्तर-और से? सी # अनुप्रयोगों के लिए एक अधिष्ठापन प्रोग्राम बनाएं और सेटअप में .NET Framework इंस्टॉलर शामिल करें समाधान में प्रोजेक्ट निर्भरता का उपयोग करते हुए MSBuild संदर्भों (DLL फ़ाइलों) को कॉपी नहीं करता है मैं स्काला में चेन को कैसे समझ सकता हूँ? कौन सा ब्राउज़र <async = "async" /> का समर्थन करता है? मैं गिट में फ़ाइलों को एक पूर्व अनुच्छेद के पथ में कैसे जोड़ूं? सामान्य तरीके का उपयोग करने के लिए और वाइल्ड-कार्ड का उपयोग कब करना है?

ट्विटर बूटस्ट्रैप 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