Bootstrap leh Masonry te pawh a awm bawk

Masonry chu Bootstrap grid system leh cards component nen inzawm tir rawh .

Bootstrap ah hian Masonry hi a tel lo. JavaScript plugin chu manual-a dahin, a nih loh leh CDN ang chi hmangin add rawh:


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

data-masonry='{"percentPosition": true }'Wrapper -a dah belh .rowhian Bootstrap-a responsive grid leh Masonry-a positioning-a power awmte chu kan inzawm khawm thei a ni.


Placeholder Image cap
Card title chu line thara wrap a ni

Hei hi card sei zawk a ni a, a hnuaia supporting text awm chu natural lead-in to additional content atan a ni. He content hi a sei deuh deuh a ni.

Quote hriat hlawh tak, blockquote element chhunga awm.

Placeholder Image cap
Card hming chu a ni

He card hian a hnuaia supporting text a nei a, chu chu natural lead-in to additional content atan a ni.

Update hnuhnung ber chu 3 mins kalta khan a ni

Quote hriat hlawh tak, blockquote element chhunga awm.

Card hming chu a ni

He card hian a thupui pangngai leh a hnuaiah thuziak paragraph tawi tak a nei a.

Update hnuhnung ber chu 3 mins kalta khan a ni

Placeholder Card image

Quote hriat hlawh tak, blockquote element chhunga awm.

Card hming chu a ni

Hei hi card dang a ni a, a hnuaia title leh supporting text a awm bawk. He card hian a pumpuiah a sang deuh deuh theih nan content dang engemaw zat a nei bawk.

Update hnuhnung ber chu 3 mins kalta khan a ni