बूटस्ट्रैप उत्तरदायी छवि के साथ छवि ऊंचाई को सीमित करना?

Question

बूटस्ट्रैप का उपयोग कर, पोर्टफोलियो अनुभाग में एक साइट पर काम करते हुए, परियोजनाओं की छवियों उत्तरदायी साथ हैं:

'class' => 'img-responsive' 

यह परिदृश्य छवियों, चित्र छवियों चौड़ाई बुद्धिमान फिट करने के लिए उड़ा रहे हैं के लिए महान काम करता है, लेकिन बहुत हैं लंबा, क्या पोर्ट्रेट उन्मुख छवि की जांच करने का कोई तरीका है और इसके लिए 600px की निश्चित ऊंचाई लागू करें?

Answer 1

कंटेनर एक निश्चित ऊंचाई होना चाहिए, तो यह आईडी (या एक वर्ग) देने के लिए और .img संवेदनशील प्रतिबंध के आसपास जैसे अन्य तरीके से बदल

.container { 
height: 600px; 
} 


/*And then change */ 
    .container .img-responsive { 
    display: block; 
    height: auto; 
    max-width: 100%; 
} 
/*To */ 

.container .img-responsive { 
    display: block; 
    width: auto; 
    max-height: 100%; 
} 

सुनिश्चित नहीं हैं कि यह कैसे के साथ काम करेंगे उन्मुखता का मिश्रण लेकिन यदि वे तैरते हैं तो यह वास्तव में