mirror of
https://github.com/tabler/tabler.git
synced 2025-12-21 17:34:25 +04:00
22 lines
501 B
HTML
22 lines
501 B
HTML
---
|
|
title: Cards Masonry
|
|
page-header: Cards Masonry
|
|
page-menu: base.cards.masonry
|
|
page-libs: [masonry]
|
|
layout: default
|
|
permalink: cards-masonry.html
|
|
---
|
|
|
|
{% assign heights = '200,150,400,300,350,600,700,200,150,250,50,400,300,200' | split: ',' %}
|
|
|
|
<div class="row row-cards" data-masonry='{"percentPosition": true }'>
|
|
{% for height in heights %}
|
|
<div class="col-sm-6 col-lg-4">
|
|
<div class="card">
|
|
{% include "cards/body-placeholder.html" height=height %}
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
|