Bootstrap at Pagmamason

Isama ang Masonry sa Bootstrap grid system at bahagi ng mga card.

Ang pagmamason ay hindi kasama sa Bootstrap. Idagdag ito sa pamamagitan ng manu-manong pagsasama ng JavaScript plugin, o paggamit ng CDN tulad nito:


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

Sa pamamagitan ng pagdaragdag data-masonry='{"percentPosition": true }'sa .rowwrapper, maaari nating pagsamahin ang mga kapangyarihan ng tumutugon na grid ng Bootstrap at pagpoposisyon ng Masonry.


Placeholder Image cap
Pamagat ng card na bumabalot sa isang bagong linya

Ito ay mas mahabang card na may sumusuportang text sa ibaba bilang natural na lead-in sa karagdagang content. Medyo mas mahaba ang nilalamang ito.

Isang kilalang quote, na nasa isang blockquote na elemento.

Placeholder Image cap
Pamagat ng card

Ang card na ito ay may sumusuportang text sa ibaba bilang natural na lead-in sa karagdagang nilalaman.

Huling na-update 3 minuto ang nakalipas

Isang kilalang quote, na nasa isang blockquote na elemento.

Pamagat ng card

Ang card na ito ay may regular na pamagat at maikling talata ng teksto sa ibaba nito.

Huling na-update 3 minuto ang nakalipas

Placeholder Card image

Isang kilalang quote, na nasa isang blockquote na elemento.

Pamagat ng card

Ito ay isa pang card na may pamagat at sumusuportang teksto sa ibaba. Ang card na ito ay may ilang karagdagang nilalaman upang gawin itong bahagyang mas mataas sa pangkalahatan.

Huling na-update 3 minuto ang nakalipas