Back

2. Bootstrap Containers

📘 কনসেপ্ট (থিওরি)

কন্টেইনারগুলো (Containers) হলো বুটস্ট্র্যাপের সবচেয়ে মৌলিক লেআউট এলিমেন্ট এবং ডিফল্ট গ্রিড (grid) সিস্টেম ব্যবহার করার সময় এগুলো প্রয়োজন হয়। কন্টেইনারগুলো এদের ভেতরের বিষয়বস্তুকে প্যাড (pad) করতে ব্যবহৃত হয় এবং দুটি কন্টেইনার ক্লাস পাওয়া যায়: ১. .container: একটি রেসপন্সিভ নির্দিষ্ট প্রস্থের (fixed width) কন্টেইনার প্রদান করে। প্রতিটি ব্রেকপয়েন্টে (breakpoint) এর সর্বোচ্চ প্রস্থ (max-width) পরিবর্তিত হয়। ২. .container-fluid: একটি সম্পূর্ণ প্রস্থের (full width) কন্টেইনার প্রদান করে, যা ভিউপোর্টের সম্পূর্ণ প্রস্থ জুড়ে থাকে।

💡 উদাহরণ

কন্টেইনারের ব্যবহার:

My First Bootstrap Page

This is some text.

My First Bootstrap Page

This is some text.

🎯 আপনার কাজ (প্র্যাকটিস)

container-fluid ক্লাস দিয়ে একটি div এলিমেন্ট তৈরি করুন। এর ভেতরে, "Hello Bootstrap" বলা একটি h1 যোগ করুন।
main.bootstrap
Loading...
OUTPUT