Jquery 如何将中的缩略图分成两行？

试着这样做：

正如您所提到的，您正在使用引导，我刚才给出了继续的想法，您可以根据需要进一步开发

.bg {
    height: 75px;
    margin: 0px 0;
    display: inline-block;
    background:#ccc;
    border:1px solid #999;
}
.border {
    background:#f00;
    border:1px solid #999;
    padding:10px;
}

HTML:

---

你刚才试过的。。演示后/相关代码？情况并非如此，有关更多信息，请参阅帮助页。我尝试了此方法：但我希望使其与中的一样，但具有相同大小的缩略图。谢谢，但我正在使用jquery输出每个图像。我如何修改它以获得与您相同的输出？'functiondata{var output；$.eachdata.items，functioni，item{console.logitem；videoTitle=item.snippet.title；videoThumb=item.snippet.thumbnails.medium.url；输出=；输出+=；//追加到结果$'results'。追加输出；}；}'

<div class="container">
    <div class="col-sm-4 ">
        <div class="clearfix border">
            <div class="col-sm-6 bg">img</div>
            <div class="col-sm-6 bg">img</div>
            <div class="col-sm-6 bg">img</div>
            <div class="col-sm-6 bg">img</div>
        </div>
    </div>
    <div class="col-sm-4">
        <div class=" border clearfix">
            <div class="col-sm-6 bg">img</div>
            <div class="col-sm-6 bg">img</div>
            <div class="col-sm-6 bg">img</div>
            <div class="col-sm-6 bg">img</div>
        </div>
    </div>
    <div class="col-sm-4">
        <div class=" border clearfix">
            <div class="col-sm-6 bg">img</div>
            <div class="col-sm-6 bg">img</div>
            <div class="col-sm-6 bg">img</div>
            <div class="col-sm-6 bg">img</div>
        </div>
    </div>