AngularJs和Bootstrab瓷砖

我试图显示与图像相等的容器（可以提交一个不同的大小，但调整大小时显示修复大小），和一些内容（标题说明等） - 类似于Kickstarter的项目瓷砖（https://www.kickstarter.com/discover/categories/technology?ref=discover_index）。我试着列，表，容器，但看起来像我失去了一些东西，因为它不希望显示平等地砖：！（（（（HELPAngularJs和Bootstrab瓷砖

这是我的最后一个“尝试”

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

来源

2014-12-07 Yulix

做我的回答可以帮助您 – 2014-12-07 16:57:09

感谢您的解决方案工作，但我最终只使用引导程序div列。 – Yulix 2014-12-08 09:48:28

我做了quick test，它看起来好像你可以拥有山坳 - * - ？！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>

来源

2014-12-07 16:09:01

AngularJs和Bootstrab瓷砖

回答

相关问题