ჩექმა და ქვისა

შეაერთეთ ქვისა 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-ის პოზიციონირების ძალა.


Placeholder Image cap
ბარათის სათაური, რომელიც შეფუთულია ახალ ხაზში

ეს არის უფრო გრძელი ბარათი ქვემოთ მოცემული დამხმარე ტექსტით, როგორც დამატებითი კონტენტის ბუნებრივი წყარო. ეს შინაარსი ცოტათი გრძელია.

ცნობილი ციტატა, რომელიც შეიცავს blockquote ელემენტს.

Placeholder Image cap
ბარათის სათაური

ამ ბარათს აქვს დამხმარე ტექსტი ქვემოთ, როგორც დამატებითი კონტენტის ბუნებრივი წყარო.

ბოლოს განახლდა 3 წუთის წინ

ცნობილი ციტატა, რომელიც შეიცავს blockquote ელემენტს.

ბარათის სათაური

ამ ბარათს აქვს ჩვეულებრივი სათაური და ტექსტის მოკლე აბზაცი მის ქვემოთ.

ბოლოს განახლდა 3 წუთის წინ

Placeholder Card image

ცნობილი ციტატა, რომელიც შეიცავს blockquote ელემენტს.

ბარათის სათაური

ეს არის კიდევ ერთი ბარათი სათაურით და დამხმარე ტექსტით ქვემოთ. ამ ბარათს აქვს დამატებითი კონტენტი, რათა ის ოდნავ უფრო მაღალი იყოს.

ბოლოს განახლდა 3 წუთის წინ