2015-06-21 129 views
0

在進行一些研究時,我發現我有和這裏完全相同的問題:Bootstrap columns not aligning correctlyBootstrap列未正確對齊,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> 

謝謝!

+0

把你的代碼應該比參考另一個問題代碼 –

+0

這就是說,你不能做某種結果分頁?所以你可以輸出代碼,就像你提到的答案一樣,如果你有一個ng-重複,你知道你有多少物品。 –

+0

@Michelem我想我可以但必須有一個更容易更好的HTML/CSS解決方案。添加了相關代碼,項目高度上的差異是由於圖像造成的,每個圖像都有不同的大小和比例。 – CyborgFish

回答