Javascript 带角度JS的引导网格对齐

我一直在尝试使用Bootstrap框架

1.在网格对齐中，当我们有4列要使用时，我们按照w3使用下面的行

<div class="row">
      <div class="col-lg-3">
      </div>
      <div class="col-lg-3">
      </div>
      <div class="col-lg-3">
       </div>
      <div class="col-lg-3">
      </div>
    </div> 

或者我们用col-lg-6和col-lg-6来划分两列。如果，如果我有5列要对齐怎么办？3列中的lg-*列应该设置什么值

另外，如果我有一个json文件，从中获取数据，并在运行时创建列，该怎么办？我如何处理这种情况？例如，我使用Angular js获取数据并生成一些列表，如下面示例中的列表

一些文本



一些文本



一些文本

---

您认为我如何使用ng repeat并相应地分隔列？我真的希望我的问题清楚。请帮助。

请尝试col-lg-4。它将等分列

关于你的第一个问题，有几种解决方案-请查看此SO问题以了解详细信息

对于第二部分，我可以尝试以下内容：

 <div class="row" ng-repeat="item in placeholders">
    <div ng-class="col-md-{{12 / placeholders.length | parseInt}}">col-md- {{12 / placeholders.length | parseInt}}</div>
 </div>

小提琴-

但需要注意的是，这是假设JSON中的项不会超过12项。如果这对你不起作用，请给我留言

---

您可以在数据中添加或删除一个项目，以查看它的运行情况。

对于第一部分-要获得3列，您只需使用col-lg-4-这是一个12列系统，因此12/4=3。对于第二部分，你是说在得到JSON之前你不知道自己有多少列？JSON看起来像什么？您是在问如何从JSON中输入数据，还是根据JSON中有多少项来拆分列？不太清楚，抱歉不清楚。现在编辑我的问题。对于第一部分，我想知道如何处理不相等的列数量？第二部分，是的，如何分割列，以便根据JSON中有多少项进行相应的分隔？在下面的回答中更新了所有内容。希望这对你有用：）。

 <div class="row" ng-repeat="item in placeholders">
    <div ng-class="col-md-{{12 / placeholders.length | parseInt}}">col-md- {{12 / placeholders.length | parseInt}}</div>
 </div>

  myApp.filter('parseInt', function () {
        return function (a, b) {
            return (parseInt(a))
        }
    });