因此，我需要采用Json响应格式对其进行格式化，以便每行有三项，并且需要多少行。
除了懒惰并且必须跟踪计数器之外，一行超过十二列还会产生任何负面影响吗？
即使从引导文档中，这听起来也不是一个坏主意
如果在一行中放置超过12列，则每组额外的列将作为一个单元包装到新行上。[1]
<div class="row">
<div class="col-md-4">
<img src="http://placehold.it/555x300">
<h3>A</h3>
<p><a href="http://example.com">Link to project</a></p>
</div>
<div class="col-md-4">
<img src="http://placehold.it/555x300">
<h3>B</h3>
<p><a href="http://example.com">Link to project</a></p>
</div>
<div class="col-md-4">
<img src="http://placehold.it/555x300">
<h3>C</h3>
<p><a href="http://example.com">Link to project</a></p>
</div>
<div class="col-md-4">
<img src="http://placehold.it/555x300">
<h3>D</h3>
<p><a href="http://example.com">Link to project</a></p>
</div>
<div class="col-md-4">
<img src="http://placehold.it/555x300">
<h3>E</h3>
<p><a href="http://example.com">Link to project</a></p>
</div>
<div class="col-md-4">
<img src="http://placehold.it/555x300">
<h3>F</h3>
<p><a href="http://example.com">Link to project</a></p>
</div>
<div class="col-md-4">
<img src="http://placehold.it/555x300">
<h3>G</h3>
<p><a href="http://example.com">Link to project</a></p>
</div>
<div class="col-md-4">
<img src="http://placehold.it/555x300">
<h3>H</h3>
<p><a href="http://example.com">Link to project</a></p>
</div>
</div>
最佳答案
本身的12列网格本身没有任何危害，只是Bootstrap带有预建的12列网格（任意，但明智的默认值）
对于现有项目，潜在的危害是所有其他UI元素都希望使用12列网格
实际上，为了满足您的特定需求，您可能想要创建一个自定义UI元素（即，一个自定义表格/“表格”以显示您的数据），而不是真正进行诸如自定义BS表格这样的广泛更改
如果要更改网格，可以尝试从LESS源代码重新编译所有CSS并更改变量：
@grid-columns: 12;
@grid-gutter-width: 30px;
或使用此定制程序：http://getbootstrap.com/customize/#grid-system
关于css - 遍历12列:有什么害处？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28783555/