2015-06-08 143 views
1

http://i.imgur.com/QwbEHp5.jpg引導網格佈局問題

反正是有實現上述使用自舉響應電網布局?

我不確定這是否是正確的方法嗎?

<div class="container-fluid"> 
<div class="row"> 
<div class="col-md-6"><img src="http://s27.postimg.org/twfuw219f/256x256.jpg"></div> 
<div class="col-md-6 col-sm-3"><img src="http://s8.postimg.org/w0dxtotv9/256x120.jpg"></div> 
<div class="col-md-6 col-sm-3"><img src="http://s8.postimg.org/w0dxtotv9/256x120.jpg"></div> 
</div> 
</div> 

https://jsfiddle.net/w3nta1/DTcHh/8581/

回答

0

是,它似乎是正確的前進方式:我修改你的jsfiddle給你舉個例子(there

<div class="container"> 
    <div class="row row-eq-height"> 
     <div class="col-md-6"> 
      <img src="http://colouringbook.org/SVG/2011/COLOURINGBOOK.ORG/CBOOK/fotocamera_foto_camera_icon_coloring_book_colouring-2555px.png"> 
     </div> 
     <div class="col-md-6"> 
      <div class="row"> 
       <div class="col-md-12"><img 
         src="http://colouringbook.org/SVG/2011/COLOURINGBOOK.ORG/CBOOK/fotocamera_foto_camera_icon_coloring_book_colouring-2555px.png"> 
       </div> 
      </div> 
      <div class="row"> 
       <div class="col-md-12"><img 
         src="http://colouringbook.org/SVG/2011/COLOURINGBOOK.ORG/CBOOK/fotocamera_foto_camera_icon_coloring_book_colouring-2555px.png"> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

你也許需要管理的高度每個列但示例there解釋,非常好解釋

(我不bootstrap專家,我更喜歡基金會)

+1

感謝您的幫助〜現在我已經清楚它的工作原理..謝謝:) – clement