css - Bootstrap 3: How do I force columns to be same height and align buttons to bottom -
इस सवाल का पहले से ही एक उत्तर है: < / P>
- 3 जवाब
मेरे पास दो कॉलम हैं जिनमें पाठ के बाद पाठ और एक बटन पाठ काफी लंबा या कम हो सकता है इसलिए कॉलम में एक अलग ऊंचाई होनी चाहिए। मैं कॉलमों को समान ऊंचाई के समान और नीचे के बटनों को संरेखित करना चाहूंगा यहां मेरा नमूना कैसा दिखता है इसका एक नमूना है:
& lt; div class = "container" & gt; & Lt; div वर्ग = "पंक्ति" & gt; & Lt; div वर्ग = "col-sm-6 बाहरी" & gt; & Lt; div वर्ग = "पंक्ति" & gt; & Lt; div class = "col-sm-6 आंतरिक" & gt; & Lt; img src = "http://lorempixel.com/400/400" वर्ग = "आईएमजी-उत्तरदायी" & gt; & Lt; / div & gt; & Lt; div class = "col-sm-6" & gt; & Lt; h4 & gt; सामग्री सामग्री सामग्री सामग्री सामग्री & lt; / h4 & gt; & Lt; बटन वर्ग = "बीटीएन बीटीएन-डीफॉल्ट" & gt; टेक्स्ट & lt; / button & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; div वर्ग = "col-sm-6 बाहरी" & gt; & Lt; div वर्ग = "पंक्ति" & gt; & Lt; div class = "col-sm-6 आंतरिक" & gt; & Lt; img src = "http://lorempixel.com/400/400" वर्ग = "आईएमजी-उत्तरदायी" & gt; & Lt; / div & gt; & Lt; div class = "col-sm-6" & gt; & Lt; h4 & gt; सामग्री सामग्री सामग्री सामग्री सामग्री सामग्री सामग्री सामग्री सामग्री & lt; / h4 & gt; & Lt; बटन वर्ग = "बीटीएन बीटीएन-डीफॉल्ट" & gt; टेक्स्ट & lt; / button & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt;
लाइव कोड:
क्या जावास्क्रिप्ट के बिना ऐसा करने का कोई तरीका है?
<
ऐसा करने का सबसे आसान तरीका अतिप्रवाह: ऑटो;
CSS
<पूर्व> h4 {ऊंचाई: 200px; अतिप्रवाह: ऑटो; }
Comments
Post a Comment