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 ។

ចំណងជើងកាតដែលភ្ជាប់ទៅបន្ទាត់ថ្មី។

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

សម្រង់សម្រង់ល្បីមួយដែលមាននៅក្នុងធាតុសម្រង់ប្លុក។

នរណាម្នាក់ដែលល្បីល្បាញនៅក្នុង ចំណងជើងប្រភព

ចំណងជើងកាត

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

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

សម្រង់សម្រង់ល្បីមួយដែលមាននៅក្នុងធាតុសម្រង់ប្លុក។

នរណាម្នាក់ដែលល្បីល្បាញនៅក្នុង ចំណងជើងប្រភព

ចំណងជើងកាត

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

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

សម្រង់សម្រង់ល្បីមួយដែលមាននៅក្នុងធាតុសម្រង់ប្លុក។

នរណាម្នាក់ដែលល្បីល្បាញនៅក្នុង ចំណងជើងប្រភព

ចំណងជើងកាត

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

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