বুটস্ট্রাপ পার্ট -১
আজকে আমরা শুরু করব বুটস্ট্রাপ নিয়ে প্রথম কাজ . তার আগে জনে নেয়া যাক বুটস্ট্রাপের সুবিধাগুল কি কি?
- দ্রুত এবং সহজতর ওয়েব ডেভেলপমেন্টের জন্য বুটস্ট্রাপ হলো একটি ফ্রি ফ্রন্ট-এন্ড ফ্রেমওয়ার্ক।
- বুটস্ট্রাপ হল, টাইপোগ্রাফি, ফরম, বাটন, নেভিগেশন, মোডাল, ইমেজ ক্যারোসল এবং জাভাস্ক্রিপ্ট প্লাগিন সম্বলিত এইচটিএমএল এবং CSS ভিত্তিক Template design.
রেসপন্সিভ ওয়েব ডিজাইন কি?
রেসপন্সিভ ওয়েব ডিজাইন হচ্ছে ওয়েবসাইটের এমন একটি ডিজাইন যেটি সকল ডিভাইস যেমন ছোট ফোন থেকে বড় ডেস্কটপ সব কিছুতেই সহজেই এডজাস্ট করে নিতে পারে।
CDN = Content Delivery Network হচ্ছে অনেকগুল CSS ফাইলের সমষ্টি। সেই ফাইল গুল আমাদের ওয়েবসাইটে ব্যাবহার করতে হবে। চাইলে আমরা এটা ম্যানুয়ালি ডাউনলোড করেও করতে পারি আবার, তাদের ওয়েবসাইটে গিয়ে লিঙ্কটা আমাদের কোড ইডিটরে বসিয়ে তাদের ফাইলগুল ব্যাবহার করতে পারি।
https://getbootstrap.com/docs/3.3/getting-started/ অথবা https://www.w3schools.com/bootstrap4/bootstrap_get_started.asp এই লিংকে গিয়ে CDN গুল কপি করে আপনার কোড ইডিটরের HTML ফাইলে CSS লিংকটি টাইটেলের নিচে এবং JavaScript লিংকটি Body শেষে বসিয়ে দিলেই আপনার কাজ শেষ আর তা যদি না পারেন Basic Template লেখার কোড টুকু কপি করে আপনার HTML ফাইলে বসিয়ে দিন। এখন আমরা বুটস্ট্রাপের সকল ফিচার আমাদের HTML ফাইলে ব্যাবহার করতে পারব।
বুটস্ট্রাপ কনটেইনার আপনার HTML Element গুলকে একটা Div দিয়ে তার মধ্যে Attribute হিসেবে Container Class ব্যবহার করতে হবে। দুই ধরনের Container Class ব্যবহার লক্ষ্য করা যায়
রেসপন্সিভ ফিক্সড প্রস্থের কন্টেইনার তৈরি করার জন্য container ক্লাস ব্যবহার করুন।
ভিউপোর্টের সম্পূর্ণ প্রস্থ মেপে পূর্ণ প্রস্থের কন্টেইনার করার জন্য container-fluid ক্লাস ব্যবহার করুন।
0 Comments