Bootstrap និង Masonry

រួមបញ្ចូល Masonry ជាមួយប្រព័ន្ធក្រឡាចត្រង្គ Bootstrap និងសមាសធាតុកាត។

Masonry មិនត្រូវបានរួមបញ្ចូលនៅក្នុង 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
ចំណងជើងកាតដែលភ្ជាប់ទៅបន្ទាត់ថ្មី។

នេះ​ជា​កាត​វែង​ជាង​ដែល​មាន​អត្ថបទ​គាំទ្រ​ខាង​ក្រោម​ជា​ការ​នាំ​មុខ​ធម្មជាតិ​ទៅ​កាន់​មាតិកា​បន្ថែម។ ខ្លឹមសារនេះវែងបន្តិច។

សម្រង់​ដែល​មាន​ឈ្មោះ​ល្បី​មាន​នៅ​ក្នុង​ធាតុ​សម្រង់​ប្លុក។

Placeholder Image cap
ចំណងជើងកាត

កាតនេះមានអត្ថបទគាំទ្រខាងក្រោមជាការនាំមុខធម្មជាតិទៅកាន់មាតិកាបន្ថែម។

អាប់ដេតចុងក្រោយ 3 នាទីមុន។

សម្រង់​ដែល​មាន​ឈ្មោះ​ល្បី​មាន​នៅ​ក្នុង​ធាតុ​សម្រង់​ប្លុក។

ចំណងជើងកាត

កាតនេះមានចំណងជើងធម្មតា និងកថាខណ្ឌខ្លីនៃអត្ថបទខាងក្រោមវា។

អាប់ដេតចុងក្រោយ 3 នាទីមុន។

Placeholder Card image

សម្រង់​ដែល​មាន​ឈ្មោះ​ល្បី​មាន​នៅ​ក្នុង​ធាតុ​សម្រង់​ប្លុក។

ចំណងជើងកាត

នេះគឺជាកាតមួយផ្សេងទៀតដែលមានចំណងជើង និងអត្ថបទគាំទ្រខាងក្រោម។ កាតនេះមានមាតិកាបន្ថែមមួយចំនួនដើម្បីធ្វើឱ្យវាខ្ពស់ជាងបន្តិច។

អាប់ដេតចុងក្រោយ 3 នាទីមុន។