Bootstrap kaj Masonaĵo

Integri Masonry kun la Bootstrap kradsistemo kaj karto-komponento.

Masonaĵo ne estas inkluzivita en Bootstrap. Aldonu ĝin per inkludo de la JavaScript-kromaĵo permane aŭ uzante CDN tiel:


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

Aldonante data-masonry='{"percentPosition": true }'al la .rowenvolvaĵo, ni povas kombini la potencojn de la respondema krado de Bootstrap kaj la poziciigado de Masonry.


Placeholder Image cap
Karttitolo kiu envolvas al nova linio

Ĉi tio estas pli longa karto kun subtena teksto kiel natura enkonduko al plia enhavo. Ĉi tiu enhavo estas iom pli longa.

Bonkonata citaĵo, enhavita en blokcita elemento.

Placeholder Image cap
Kartotitolo

Ĉi tiu karto havas subtenan tekston kiel naturan enkondukon al plia enhavo.

Laste ĝisdatigita antaŭ 3 minutoj

Bonkonata citaĵo, enhavita en blokcita elemento.

Kartotitolo

Ĉi tiu karto havas regulan titolon kaj mallongan tekston sub ĝi.

Laste ĝisdatigita antaŭ 3 minutoj

Placeholder Card image

Bonkonata citaĵo, enhavita en blokcita elemento.

Kartotitolo

Ĉi tio estas alia karto kun titolo kaj subtena teksto. Ĉi tiu karto havas iom da plia enhavo por fari ĝin iomete pli alta entute.

Laste ĝisdatigita antaŭ 3 minutoj