Bootstrap i maçoneria

Integreu Masonry amb el sistema de graella Bootstrap i el component de targetes.

La maçoneria no està inclosa a Bootstrap. Afegiu-lo incloent el connector de JavaScript manualment o utilitzant un CDN com aquest:


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

En afegir data-masonry='{"percentPosition": true }'a l' .rowembolcall, podem combinar els poders de la graella sensible de Bootstrap i el posicionament de Masonry.


Placeholder Image cap
Títol de la targeta que s'ajusta a una línia nova

Aquesta és una targeta més llarga amb el text de suport a continuació com a introducció natural a contingut addicional. Aquest contingut és una mica més llarg.

Una cita coneguda, continguda en un element blockquote.

Placeholder Image cap
Títol de la targeta

Aquesta targeta té text de suport a continuació com a introducció natural a contingut addicional.

Última actualització fa 3 minuts

Una cita coneguda, continguda en un element blockquote.

Títol de la targeta

Aquesta targeta té un títol normal i un paràgraf curt de text a sota.

Última actualització fa 3 minuts

Placeholder Card image

Una cita coneguda, continguda en un element blockquote.

Títol de la targeta

Aquesta és una altra targeta amb títol i text de suport a continuació. Aquesta targeta té contingut addicional per fer-la una mica més alta en general.

Última actualització fa 3 minuts