Bootstrap列未正确对齐，AngularJS循环

问题描述：

在进行一些研究时，我发现我有和这里完全相同的问题：Bootstrap columns not aligning correctly。Bootstrap列未正确对齐，AngularJS循环

除了我不能使用相同的解决方案，因为列正在添加一个ng-repeat循环，我不能预测它们的高度或会有多少。

当人比别人高一些时，他们没有正确堆叠，你会推荐怎么做？

相关代码（控制器只是填充产品阵列）：

<div class="col-sm-2 text-center" ng-repeat="product in products"> 
     <img class="img-responsive img-center" src="{{product.image}}" alt=""> 
     <h4> 
      <a href="#/list/{{product.product_id}}">{{product.name}}</a> 
     </h3> 
     <p>Price: {{product.price}}€</p> 
</div>

谢谢！

把你的代码应该比参考另一个问题代码 –

这就是说，你不能做某种结果分页？所以你可以输出代码，就像你提到的答案一样，如果你有一个ng-重复，你知道你有多少物品。 –

@Michelem我想我可以但必须有一个更容易更好的HTML/CSS解决方案。添加了相关代码，项目高度上的差异是由于图像造成的，每个图像都有不同的大小和比例。 – CyborgFish

答

你可以使用jQuery插件像砖石或同位素，这将使图像组合在一起，无论高度的..或者你可以尝试这样的例子CSS 3列宽度：http://www.codeply.com/go/Ndk9jqofgR

Bootstrap列未正确对齐，AngularJS循环

相关推荐