Question

我在使所有列的高度相同时遇到问题。

当我不使用ng-repeat时，我知道该怎么做。我是这样做的。

http://www.bootply.com/uj9u4mPIsS#

但是当我想用ng-repeat以同样的方式做它时，它会弄乱一切。当我的右侧div IDictionary<string,string>不长于我的左侧div col-md-9时，它会起作用，当我的col-md-3更长时，它会改变位置并开始在col-md-9下堆叠Db，这是我不想要的。

而且我不想通过在右边的div上做一个浮动来解决它。我想用引导程序以普通的方式解决它，就像我上面的bootply一样。我做错了什么建议？对不起，如果我不清楚。

col-md-3

css

<body ng-app="myApp">
<div id="about" class="container-fluid" ng-controller="myCtrl">
  <div class="row">
   <div class="col-md-3">
  <form>
    <div class="checkbox">
      <label><input type="checkbox" ng-model="model" value="Iphone">Option 1</label><br>
      <label><input type="checkbox" value="">Option 2</label><br>
      <label><input type="checkbox" value="" disabled>Option 3</label><br>
    </div>
  </form>
</div>
    <div class="col-md-9 col-sm-12 " ng-repeat="x in products ">
    <div class="col-md-3 col-sm-12">{{x.brand}</div>    
    <div class="col-md-7 col-sm-12">}{{x.name}}</div>
    <div class="col-md-2 col-sm-12">{{x.color}}</div>
    </div>
  </div>
</div>

我的“db”

.row{
    overflow: hidden; 

}

.row [class*="col-"]{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

行与列在ng-repeat内等于高度

0 个答案: