2016-10-01 53 views
1

我儘量讓一排的引導,用3張圖片:引導山坳最大高度與圖像

image http://img4.hostingpics.net/pics/908828bootstrap001.jpg

但我不知道我怎麼..想對行2列,和第二列與圖像B和圖像C必須具有相同的大小,第一列由圖像A的大小決定。

當我嘗試這樣做時附加的是行取第二列高度的大小,基於圖像B和C的尺寸。

圖像B和C可以有隨機大小,不確定。

此言相關答案:

該行必須總是第一列的大小,即使將相加圖像B的高度的實際尺寸和C越大,即平均,圖像B和C必須調整它們的大小以適合圖像A確定的第一個列的高度列。因此,對於您的測試,您應該在第二列(>圖像A的高度) 。

感謝您的幫助。

回答

2

您可以嵌套行。第一行分爲2列。第一列包含圖像A.第二列具有內與單個列,1兩行分別用於圖像B &圖像C.

<div class="row"> 
    <div class="col-xs-6"> 
     <img src="image-a"> 
    </div> 
    <div class="col-xs-6"> 
     <div class="row"> 
      <div class="col-xs-12"> 
       <img src="image-b"> 
      </div> 
      <div class="col-xs-12"> 
       <img src="image-c"> 
      </div> 
     </div> 
    </div> 
</div> 

看到這個:http://codepen.io/anon/pen/BLwzZx

+0

這是不好的,所有的問題是,如果圖像b和圖像c的高度大於圖像a的高度,主體行取第二列的高度。該行必須**總是**第一列的高度,即圖像a的高度。在第二列上,圖像必須調整其高度以適應此大小。 –