Bootstrap kple Kpekpememewo

Tsɔ Masonry ƒo ƒu kple Bootstrap grid system kple cards ƒe akpaa.

Kpememewo mele Bootstrap me o. Tsɔe kpe ɖe eŋu to JavaScript ƒe kpeɖeŋutɔa dede eme kple asi me, alo CDN zazã abe alea ene:


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

To tsɔtsɔ kpe data-masonry='{"percentPosition": true }'ɖe .rowwrapper la ŋu la, míate ŋu aƒo Bootstrap ƒe responsive grid ƒe ŋusẽwo kple Masonry ƒe positioning nu ƒu.


Placeholder Image cap
Kpekpeɖeŋugbalẽvi ƒe tanya si woxatsa ɖe fli yeye dzi

Esia nye agbalẽvi didi aɖe si me nuŋɔŋlɔ siwo kpe ɖe eŋu le ete abe dzɔdzɔmenu si akplɔ ame ayi nya bubuwo me ene. Emenyawo sia didi vie wu.

Nyayɔyɔ nyanyɛ aɖe, si le blockquote ƒe akpa aɖe me.

Placeholder Image cap
Kpekpeɖeŋugbalẽvi ƒe tanya

Nuŋɔŋlɔ siwo kpe ɖe eŋu le agbalẽvi sia dzi le ete abe dzɔdzɔmenu si akplɔ ame ayi nya bubuwo gbɔe ene.

Wotrɔ asi le eŋu zi mamlɛtɔ 3 mins enye sia

Nyayɔyɔ nyanyɛ aɖe, si le blockquote ƒe akpa aɖe me.

Kpekpeɖeŋugbalẽvi ƒe tanya

Tanya kple nuŋɔŋlɔ ƒe memama kpui aɖe le agbalẽvi sia te edziedzi.

Wotrɔ asi le eŋu zi mamlɛtɔ 3 mins enye sia

Placeholder Card image

Nyayɔyɔ nyanyɛ aɖe, si le blockquote ƒe akpa aɖe me.

Kpekpeɖeŋugbalẽvi ƒe tanya

Esia nye agbalẽvi bubu si ƒe tanya kple nuŋɔŋlɔ siwo kpe ɖe eŋu le ete. Nu bubu aɖewo le agbalẽvi sia ŋu be wòakɔ vie le wo katã me.

Wotrɔ asi le eŋu zi mamlɛtɔ 3 mins enye sia