Bootstrap a Gwaith Maen

Integreiddio Gwaith Maen â system grid Bootstrap a chydran cardiau.

Nid yw gwaith maen wedi'i gynnwys yn Bootstrap. Ychwanegwch ef trwy gynnwys yr ategyn JavaScript â llaw, neu ddefnyddio CDN fel hyn:


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

Trwy ychwanegu data-masonry='{"percentPosition": true }'at y .rowpapur lapio, gallwn gyfuno pwerau grid ymatebol Bootstrap a lleoliad Masonry.

Placeholder Image cap
Teitl cerdyn sy'n lapio i linell newydd

Mae hwn yn gerdyn hirach gyda thestun ategol isod fel arweiniad naturiol i gynnwys ychwanegol. Mae'r cynnwys hwn ychydig yn hirach.

Dyfyniad adnabyddus, wedi'i gynnwys mewn elfen blockquote.

Rhywun enwog yn Source Title
Placeholder Image cap
Teitl y cerdyn

Mae gan y cerdyn hwn destun ategol isod fel arweiniad naturiol i gynnwys ychwanegol.

Wedi'i ddiweddaru ddiwethaf 3 munud yn ôl

Dyfyniad adnabyddus, wedi'i gynnwys mewn elfen blockquote.

Rhywun enwog yn Source Title
Teitl y cerdyn

Mae gan y cerdyn hwn deitl rheolaidd a pharagraff byr o destun oddi tano.

Wedi'i ddiweddaru ddiwethaf 3 munud yn ôl

Placeholder Card image

Dyfyniad adnabyddus, wedi'i gynnwys mewn elfen blockquote.

Rhywun enwog yn Source Title
Teitl y cerdyn

Dyma gerdyn arall gyda theitl a thestun ategol isod. Mae gan y cerdyn hwn rywfaint o gynnwys ychwanegol i'w wneud ychydig yn uwch yn gyffredinol.

Wedi'i ddiweddaru ddiwethaf 3 munud yn ôl