ჩექმა და ქვისა
შეაერთეთ ქვისა 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 }'
, .row
ჩვენ შეგვიძლია გავაერთიანოთ Bootstrap-ის საპასუხო ბადის და Masonry-ის პოზიციონირების ძალა.
ბარათის სათაური, რომელიც შეფუთულია ახალ ხაზში
ეს არის უფრო გრძელი ბარათი ქვემოთ მოცემული დამხმარე ტექსტით, როგორც დამატებითი კონტენტის ბუნებრივი წყარო. ეს შინაარსი ცოტათი გრძელია.
ბარათის სათაური
ამ ბარათს აქვს დამხმარე ტექსტი ქვემოთ, როგორც დამატებითი კონტენტის ბუნებრივი წყარო.
ბოლოს განახლდა 3 წუთის წინ
ბარათის სათაური
ამ ბარათს აქვს ჩვეულებრივი სათაური და ტექსტის მოკლე აბზაცი მის ქვემოთ.
ბოლოს განახლდა 3 წუთის წინ
ბარათის სათაური
ეს არის კიდევ ერთი ბარათი სათაურით და დამხმარე ტექსტით ქვემოთ. ამ ბარათს აქვს დამატებითი კონტენტი, რათა ის ოდნავ უფრო მაღალი იყოს.
ბოლოს განახლდა 3 წუთის წინ