Web Design & Development

Bootstrap এ responsive design তৈরি করতে breakpoints ব্যবহার করা হয়। Breakpoints হলো screen width অনুযায়ী layout পরিবর্তনের জন্য নির্ধারিত সীমা। Bootstrap এর grid system এবং utility classes এই breakpoints এর ওপর ভিত্তি করে কাজ করে।

Bootstrap-এ container হলো layout এর মূল wrapper। এটি content কে center-align এবং responsive width দেয়। Grid system ব্যবহার করতে container থাকা আবশ্যক।

container-fluid হলো Bootstrap এর এক ধরনের container, যা 100% full width নিয়ে কাজ করে। অর্থাৎ page এর সব screen width জুড়ে content থাকে। সাধারণ container fixed width দেয়, কিন্তু container-fluid responsive full width রাখে।

Bootstrap-এর Grid System ব্যবহার করে responsive layout বানানো হয়। Row row হলো container এর ভিতরের horizontal wrapper। Columns (col) সবসময় row-এর ভিতরে থাকে। Row negative margin ব্যবহার করে grid alignment ঠিক রাখে। Column (col) Column হলো content রাখার vertical block। Bootstrap grid system 12-column layout ব্যবহার করে। Column width screen size অনুযায়ী adjust হয়।

offset হলো column-এর left side এ space দেওয়ার একটি class। অর্থাৎ column কে shift করা বা left থেকে gap তৈরি করা। এটি grid system এ column alignment control করার জন্য ব্যবহার হয়। Bootstrap grid 12-column system ব্যবহার করে।