Javascript 自举网格系统上推盒/流体网格

//对不起，我英语不好

我有一个网站的产品框，我想让框垂直推到对方，一个流体网格与引导页面

注意：我的引导css有24列，而不是12列

源代码：

HTML:

现在我的页面如下所示：

我想要这样的东西：

---

这是可能的？

如果您使用行编号！row的意思是把所有的elment都放在row里为了这个我建议你用这就是我想要的！谢谢！：）

<div class="container">
<div class="row">
    <div class="col-sm-12 col-md-6">
        <div class="box">
            <img src="2.jpg" class="img-thumbnail">
            <h2>Title</h2>
            <p>Some text</p>
            <span>item price</span>
        </div>
    </div>
    <div class="col-sm-12 col-md-6">
        <div class="box">
            <img src="3.jpg" class="img-thumbnail">
            <h2>Title</h2>
            <p>Some text</p>
            <span>item price</span>
        </div>
    </div>
    <div class="col-sm-12 col-md-6">
        <div class="box">
            <img src="4.jpg" class="img-thumbnail">
            <h2>Title</h2>
            <p>Some text</p>
            <span>item price</span>
        </div>
    </div>
    <div class="col-sm-12 col-md-6">
        <div class="box">
            <img src="5.jpg" class="img-thumbnail">
            <h2>Title</h2>
            <p>Some text</p>
            <span>item price</span>
        </div>
    </div>
    <div class="col-sm-12 col-md-6">
        <div class="box">
            <img src="6.jpg" class="img-thumbnail">
            <h2>Title</h2>
            <p>Some text</p>
            <span>item price</span>
        </div>
    </div>
    <div class="col-sm-12 col-md-6">
        <div class="box">
            <img src="7.jpg" class="img-thumbnail">
            <h2>Title</h2>
            <p>Some text</p>
            <span>item price</span>
        </div>
    </div>
    <div class="col-sm-12 col-md-6">
        <div class="box">
            <img src="8.jpg" class="img-thumbnail">
            <h2>Title</h2>
            <p>Some text</p>
            <span>item price</span>
        </div>
    </div>
    <div class="col-sm-12 col-md-6">
        <div class="box">
            <img src="9.jpg" class="img-thumbnail">
            <h2>Title</h2>
            <p>Some text</p>
            <span>item price</span>
        </div>
    </div>
</div>

.col-md-6:nth-child(4n+1){
    clear: left;
}