Жүктеу және тас қалау

Masonry жүйесін Bootstrap тор жүйесімен және карталар құрамдас бөлігімен біріктіріңіз .

Масондық Bootstrap құрамына кірмейді. Оны JavaScript плагинін қолмен қосу немесе CDN пайдалану арқылы қосыңыз:


<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 }'біз .rowBootstrap-тың жауап беретін торы мен Masonry-дің орналасу мүмкіндіктерін біріктіре аламыз.


Placeholder Image cap
Жаңа жолға өтетін карта тақырыбы

Бұл қосымша мазмұнға табиғи кіріс ретінде төмендегі қолдаушы мәтіні бар ұзағырақ карта. Бұл мазмұн сәл ұзағырақ.

Блок тырнақша элементінде қамтылған белгілі дәйексөз.

Placeholder Image cap
Карта атауы

Бұл картада қосымша мазмұнға табиғи кіріс ретінде төмендегі қолдаушы мәтін бар.

Соңғы рет 3 минут бұрын жаңартылды

Блок тырнақша элементінде қамтылған белгілі дәйексөз.

Карта атауы

Бұл картаның астында кәдімгі тақырып және мәтіннің қысқа абзацы бар.

Соңғы рет 3 минут бұрын жаңартылды

Placeholder Card image

Блок тырнақша элементінде қамтылған белгілі дәйексөз.

Карта атауы

Бұл төменде атауы мен қосымша мәтіні бар басқа карта. Бұл картаның жалпы көлемін сәл жоғарылататын қосымша мазмұн бар.

Соңғы рет 3 минут бұрын жаңартылды