نحوه تعریف ستون‌ها و مقداردهی اندازه هر ستون در Bootstrap :
Bootstrap یک چارچوب طراحی وب است که به شما کمک می‌کند به سرعت و به راحتی طرح‌های وب زیبا و واکنش‌گرا ایجاد کنید. یکی از اجزای مهم در طراحی وب با استفاده از Bootstrap، ستون‌ها هستند. ستون‌ها به شما امکان می‌دهند تا صفحه وب را به صورت عمودی به چند ستون تقسیم کنید و محتوا را در هر ستون قرار دهید.
برای تعریف ستون‌ها در Bootstrap، از کلاس های grid system استفاده می‌شود. این سیستم شامل 12 ستون است که می‌توانید آن‌ها را به صورت مشابه یا متفاوت با یکدیگر ترکیب کنید. هر ستون در Bootstrap دارای یک کلاس با نام “col” است که مشخص می‌کند چقدر از عرض صفحه را اشغال کند. برای مثال، کلاس “col-6” به معنی این است که ستون مورد نظر نصف عرض صفحه را اشغال کند.
علاوه بر این، شما می‌توانید ستون‌ها را در داخل یک ردیف قرار دهید تا صفحه را به صورت افقی تقسیم کنید. برای این کار، از کلاس “row” استفاده می‌کنیم. برای مثال، اگر یک ستون را به دو ستون تقسیم کرده باشید، می‌توانید آن‌ها را در داخل یک ردیف قرار دهید تا به صورت افقی در کنار هم قرار بگیرند.
همچنین، شما می‌توانید ستون‌ها را به صورت متفاوتی در اندازه‌دهی کنید. به عنوان مثال، اگر می‌خواهید یک ستون را در عرض صفحه بزرگتر از سایر ستون‌ها نشان دهید، می‌توانید از کلاس‌های “col-lg” استفاده کنید. این کلاس‌ها به شما امکان می‌دهند تا ستون‌ها را بر اساس اندازه صفحه تنظیم کنید.
در نهایت، شما می‌توانید مقداردهی اندازه هر ستون را در Bootstrap به دو صورت انجام دهید: روش افقی و روش عمودی. در روش افقی، می‌توانید از کلاس‌های “col” استفاده کنید و ستون‌ها را به صورت مشابه یا متفاوت با یکدیگر ترکیب کنید. در روش عمودی، می‌توانید از کلاس‌های “col-سایز” استفاده کنید و با تغییر سایز، اندازه ستون‌ها را تغییر دهید.
در این مقاله، نحوه تعریف ستون‌ها و مقداردهی اندازه هر ستون در Bootstrap را بررسی کردیم. با استفاده از این اطلاعات، شما می‌توانید طرح‌های وب زیبا و واکنش‌گرا را با استفاده از Bootstrap ایجاد کنید.
