如何将产品列表更改为每行显示2个项目？

这是jsfiddle链接，有关完整的HTML和Javascript代码，请参考此处。 http://jsfiddle.net/6ge12hLs/3

当前仅显示整个行本身。如果有人可以帮助将其更改为每行显示2个项目，我们将不胜感激。

'''

ProductContent += '';
//Looping the products out
$.each(resp.message,function (index,value) {
ProductContent +=
'' +
'

' +
'

' +
'

' + value.product_name + '

' +
'

' +
'' +
'

$' + value.product_price + '.00' +
'
' + value.product_brand +
'
' + value.product_color +
'
' + value.product_category +
'
' +
'View

}）;

'''

在我看来，这里的表完全没有必要，因为您可以引导到自己的配置，因此可以删除表，并在每个产品中使用col-xs-6来实现每行正好有2个产品。

我分叉了您的代码并进行了一些更改：

HTML的首次更改：

第二个更改位于Javascript中：

var resp = jQuery.parseJSON(JSON.stringify(response));
var respOnselength= resp.message.length;
if (resp.status == 1) {
//creating a variable to store the final display conetent
var ProductCOntent= '';
// creating two varible for the limit of items looped out each row in the page.
// var tableitemcount = 0;
// var tableitemlimit = 7;
//Looping the products out
$.each(resp.message,function (index,value) {
ProductContent +=
'


' +
'

' +
'

' + value.product_name + '

' +
'

' +
'' +
'

$' + value.product_price + '.00' +
'
' + value.product_brand +
'
' + value.product_color +
'
' + value.product_category +
'
' +
'View

http://jsfiddle.net/0s4vz3ny/