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很好地解释了

（我不是自助专家，我更喜欢基金会）

引导网格布局问题

1 个答案: