AngularJs和Bootstrab瓷砖

我正在尝试显示相同的容器，其中的图像可以以不同的大小提交，但在显示时大小调整为固定大小，以及一些内容标题描述等-类似于Kickstarter的项目平铺。我尝试了列、表、容器，但看起来我遗漏了什么，因为它不想显示相同的分幅：帮助

这是我最后一次尝试

<ul ng-repeat="project in projects" class="col-md-4 col-l-3 col-xl-2"  id="wrap">
<a href="project.html?={{project.objectId}}" id="projectText">
<li><img class="img-responsive" src="{{project.image.url}}"></li>
<li>{{project.title}}</li>
<li>{{project.blurb}}</li>
<li>{{project.likes || 0}}</li>
<li><span id="hover" class="glyphicon glyphicon-thumbs-up" ng-click="incrementLikes(project, 1)"></span></li>
</a>
</ul>

我做了一个测试，看起来你可以有col-*-x标签，加起来超过12个，在这种情况下，这将起作用

<div class="row">
    <div ng-repeat="project in projects">
      <div class="col-md-4 col-l-3 col-xl-2">
        <ul>
          <a href="project.html?={{project.objectId}}" id="projectText">
          <li><img class="img-responsive" src="{{project.image.url}}"></li>
          <li>{{project.title}}</li>
          <li>{{project.blurb}}</li>
          <li>{{project.likes || 0}}</li>
         <li><span id="hover" class="glyphicon glyphicon-thumbs-up" ng-click="incrementLikes(project, 1)"></span></li>
         </a>
       </ul>
    </div>
  </div>
</div>

---

我的回答对你有帮助吗？谢谢！您的解决方案是可行的，但我最终只使用了引导div列。