Jquery 引导两列列表

我的页面上有一个产品列表。
现在是我的列表的一列，所有的产品都在另一列下。

重点是，我想有两个列宽的产品。 我正在使用引导

<ul class="list-group product-select product-item">

    #  This is one item

    <li class="list-group-item product-item">
        <div class="media">
            <a class="pull-left" href="#">
                 <img class="media-object" src="product_images/image.gif" alt="...">
            </a>
            <div class="media-body">
                <h4 class="media-heading product-item-heading">
                    <small><strike>&euro;29,99</strike></small> &euro;24,99
                    <span class="label label-default product-item-stock text-right">
                        +100 stock
                    </span>
                </h4>
                <h2 class="product-item-title">
                    Product title
                </h2>
            </div>
        </div>
    </li>

    # Ending item one

</ul>

#这是一个项目

&欧元；29,99欧元；24,99
+100股
产品名称

#结束项目一

这取决于您使用的引导版本

在Bootstrap-3或更高版本中：

<div class="container">
    <div class="row">
       <div class="col-lg-6"> ---1st Column--- </div>
       <div class="col-lg-6"> ---2nd Column--- </div>
    </div>
    <div class="row">   <!--In case of multiple rows of two column-->
       <div class="col-lg-6"> ---1st Column--- </div>
       <div class="col-lg-6"> ---2nd Column--- </div>
    </div>
    .....
</div>

---第1列--
---第二栏--
---第1列--
---第二栏--
.....

在旧版本中：

<div class="container">
    <div class="row">
       <div class="span6"> ---1st Column--- </div>
       <div class="span6"> ---2nd Column--- </div>
    </div>
    <div class="row">     <!--In case of multiple rows of two column-->
       <div class="span6"> ---1st Column--- </div>
       <div class="span6"> ---2nd Column--- </div>
    </div>
    .....
</div>

---第1列--
---第二栏--
---第1列--
---第二栏--
.....

请记住，如果要创建多个产品行，并且要在一行中创建两个产品，则必须添加一些逻辑来开始和结束特定的

div