jquery - 对随机动态 div 的响应

Question

我有个小问题。我有一个充满 div 的动态页面。div的数量因数据库中注册的内容而异。

我需要制作水平响应式布局。每个 div 都有一个最小宽度，但是无论何时分解，它们都将具有相同的宽度。

如果需要，我可以使用 bootstrap、jquery 和 angular。

希望图片能更好的解释:

Answer 1

这个答案或多或少是@ajmajmajma 提出的...

http://plnkr.co/edit/dgDPzC4wdKihS73b4d0h?p=preview

html 非常简单:

<div class="container-fluid">
  <div ng-repeat="city in theCities" class="myInfo {{myClass}}">
    {{city.info}}
  </div>
</div>

在 Controller 中，只需根据城市中的元素数量设置 $scope.myClass。

减少 Cities 数组中的元素数以查看输出如何响应。可能有一种更简洁的方式来设置类，这个 plunker 只是试图让这个想法得到理解。