Question

我试图用图像显示相同的容器（可以使用不同的大小提交，但在显示时调整大小为固定大小），以及一些内容（标题描述等） - 类似于Kickstarter＆＃39;项目的瓷砖（https://www.kickstarter.com/discover/categories/technology?ref=discover_index）。我尝试了列，表，容器，但看起来我错过了一些东西，因为它不想显示相等的瓷砖:(（（（HELP！

这是我的最后一次＆＃34;尝试＆＃34;

<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>

Answer 1

我做了一个quick test，看起来好像你可以有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>

AngularJs和Bootstrap瓷砖

1 个答案: