Question

在进行一些研究时，我发现我遇到了与此处完全相同的问题：Bootstrap columns not aligning correctly。

除了我不能使用相同的解决方案，因为列添加了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>

谢谢！

Answer 1

您可以使用像Masonry或Isotope这样的jQuery插件，无论高度如何，都可以将图像组合在一起..或者您可以像这个例子一样尝试CSS 3列宽：http://www.codeply.com/go/Ndk9jqofgR

Bootstrap列未正确对齐，AngularJS循环

1 个答案: