কেমন আছো বন্ধুরা ?  আমি আজ ওয়েবসাইট ডিজাইন এর কাজের সময় কমিয়ে দেওয়া এবং ভাল ওয়েবসাইট ডিজাইন এর কাজ সহজ সহজ করে দেওয়া বিশাল ফ্রেমওয়ার্ক Bootstrap এর লেআউট নিয়ে কথা বলব।

bootstarp একটি ফ্রেমওয়ার্ক। বেশি কথা না বলে কাজে চলে যায়।

Bootstrap এর লেআউট ব্যবহারের আগে  এই লিঙ্ক এ যেয়ে

Bootstrap CDN থেকে

এটা কপি করে আপনার এডিটর এ গিয়ে HTML or PHP এ CSS হিসেবে Head tag এর মধ্যে add করেন।


আপনার কাজ শেষ। এবার আপনি 

এই ভাবে আপনার লেয়াউট এ bootstarp class add করেন।

1. For large screen add col-lg-* value here.

2. For midium screen add col-md-* value here.

3. For small screen add col-sm-* value here.

4. For Extra small screen add col-xs-* value here.

Value here এ * এর যায়গায় আপনি কত Grid নিবেন সেটা দিয়ে দিন। এবার মনে রাখবেন Grid add  করার জন্য pic এর মত add করতে হবে। 

Result here

Screen রেগুলেশন কত হলে আপই কোন ভ্যলু add করবেন তা  দেখে নিন। 

এটা মিডিয়াম Screen  এর জন্য

এটা Extra small Screen এর জন্য

এরন করে small screen এ অ্যাড করবেন।

আরো অনেক সুবিধা আপনি পাবেন যেমন layout  Pull and Push, layout Offset  ETC।

যে কেউ ভাল ধারনা পেতে  getbootstrap.com অফিসিয়াল সাইট ভিজিট করতে পারেন।না বুঝলে আমি আছি আপনাদের পাশে।

আপনাদের সহোযোগিতা পেলে আরো টিউন করব। আপনাদের ওপর আমার পরের টিউন নির্ভর করছে।

ফেসবুকে আমি 

আপনাকে শুধু এর বেসিক শিখে নিতে হবে। পুরো শিখাতে গেলে এমন ২০ টা টিউন লিখতে হবে।

ভুল হলে ক্ষমার চোখে দেখবেন। ভাল থাকবেন।