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

回答

相關問題