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