Bootstrap i murarstwo

Zintegruj Masonry z systemem siatki Bootstrap i komponentem kart.

Kamieniarstwo nie jest zawarte w Bootstrap. Dodaj go, dołączając wtyczkę JavaScript ręcznie lub korzystając z CDN w taki sposób:


<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/masonry.pkgd.min.js" integrity="sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D" crossorigin="anonymous" async></script>
  

Dodając data-masonry='{"percentPosition": true }'do .rowwrappera, możemy połączyć moc responsywnej siatki Bootstrap i pozycjonowania Masonry.


Placeholder Image cap
Tytuł karty, który zawija się do nowej linii

Jest to dłuższa karta z tekstem pomocniczym poniżej jako naturalnym wprowadzeniem do dodatkowych treści. Ta treść jest trochę dłuższa.

Dobrze znany cytat zawarty w elemencie blockquote.

Placeholder Image cap
Tytuł karty

Ta karta zawiera tekst pomocniczy poniżej jako naturalny wstęp do dodatkowej zawartości.

Ostatnia aktualizacja 3 minuty temu

Dobrze znany cytat zawarty w elemencie blockquote.

Tytuł karty

Ta karta ma normalny tytuł i krótki akapit tekstu poniżej.

Ostatnia aktualizacja 3 minuty temu

Placeholder Card image

Dobrze znany cytat zawarty w elemencie blockquote.

Tytuł karty

To kolejna karta z tytułem i tekstem pomocniczym poniżej. Ta karta ma dodatkową zawartość, dzięki czemu jest nieco wyższa.

Ostatnia aktualizacja 3 minuty temu