বুটস্ট্র্যাপ এবং রাজমিস্ত্রি

বুটস্ট্র্যাপ গ্রিড সিস্টেম এবং কার্ড উপাদানের সাথে রাজমিস্ত্রি একত্রিত করুন।

রাজমিস্ত্রি বুটস্ট্র্যাপে অন্তর্ভুক্ত নয়। জাভাস্ক্রিপ্ট প্লাগইন ম্যানুয়ালি অন্তর্ভুক্ত করে, অথবা একটি CDN ব্যবহার করে এটি যোগ করুন:


<script src="https://cdn.jsdelivr.net/npm/masonry-layout@4.2.2/dist/masonry.pkgd.min.js" integrity="sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D" crossorigin="anonymous" async></script>
  

র‍্যাপারে যোগ data-masonry='{"percentPosition": true }'করার মাধ্যমে .row, আমরা বুটস্ট্র্যাপের প্রতিক্রিয়াশীল গ্রিড এবং রাজমিস্ত্রির অবস্থানের ক্ষমতাগুলিকে একত্রিত করতে পারি।


Placeholder Image cap
কার্ডের শিরোনাম যা একটি নতুন লাইনে মোড়ানো হয়

অতিরিক্ত কন্টেন্টে স্বাভাবিক লিড-ইন হিসাবে নীচের সমর্থনকারী পাঠ্য সহ এটি একটি দীর্ঘ কার্ড। এই বিষয়বস্তু একটু দীর্ঘ.

একটি সুপরিচিত উদ্ধৃতি, একটি ব্লককোট উপাদানের মধ্যে রয়েছে।

Placeholder Image cap
কার্ড শিরোনাম

এই কার্ডে অতিরিক্ত বিষয়বস্তুতে স্বাভাবিক লিড-ইন হিসাবে নীচের সমর্থনকারী পাঠ্য রয়েছে।

3 মিনিট আগে সর্বশেষ আপডেট করা হয়েছে৷

একটি সুপরিচিত উদ্ধৃতি, একটি ব্লককোট উপাদানের মধ্যে রয়েছে।

কার্ড শিরোনাম

এই কার্ডের নীচে একটি নিয়মিত শিরোনাম এবং পাঠ্যের ছোট অনুচ্ছেদ রয়েছে।

3 মিনিট আগে সর্বশেষ আপডেট করা হয়েছে৷

Placeholder Card image

একটি সুপরিচিত উদ্ধৃতি, একটি ব্লককোট উপাদানের মধ্যে রয়েছে।

কার্ড শিরোনাম

এটি নীচে শিরোনাম এবং সমর্থনকারী পাঠ্য সহ আরেকটি কার্ড। সামগ্রিকভাবে এটিকে কিছুটা লম্বা করার জন্য এই কার্ডটিতে কিছু অতিরিক্ত সামগ্রী রয়েছে৷

3 মিনিট আগে সর্বশেষ আপডেট করা হয়েছে৷