bootstrap 网格布局问题

Question

http://i.imgur.com/QwbEHp5.jpg

是否可以使用 bootstrap 实现上述响应式网格布局？

我不确定这样做是否正确？

<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/

Answer 1

是的，这似乎是正确的方法：我修改了你的 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 专家，我更喜欢 Foundation）

bootstrap 网格布局问题

bootstrap grid layout questions

grid

twitter-bootstrap