0
在进行一些研究时,我发现我有和这里完全相同的问题: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