cards-masonry.html 441 B

12345678910111213141516171819
  1. ---
  2. title: Cards Masonry
  3. page-header: Cards Masonry
  4. menu: base.cards.masonry
  5. libs: masonry
  6. ---
  7. {% assign heights = '200,150,400,300,350,600,700,200,150,250,50,400,300,200' | split: ',' %}
  8. <div class="row row-cards" data-masonry='{"percentPosition": true }'>
  9. {% for height in heights %}
  10. <div class="col-sm-6 col-lg-4">
  11. <div class="card">
  12. {% include cards/body-placeholder.html height=height %}
  13. </div>
  14. </div>
  15. {% endfor %}
  16. </div>