Juniorسختی 1 از ۵· در 15٪ مصاحبههای این حوزه پرسیده شده
Grid System دوازدهستونی Bootstrap چطور کار میکند؟
☆نشان کردنپاسخ کوتاه
صفحه به ۱۲ ستون منطقی تقسیم میشود و با کلاسهایی مثل col-md-6 میتوان چیدمان واکنشگرا بدون CSS دستی ساخت.
پاسخ کامل
با ترکیب کلاسهای col-{breakpoint}-{width}، میتوان رفتار عرض یک ستون را در اندازههای مختلف صفحه (موبایل، تبلت، دسکتاپ) کنترل کرد؛ مثلاً col-12 col-md-6 یعنی تمامعرض در موبایل و نیمهعرض در دسکتاپ.
مثال کد
html\n<div class=""row""><div class=""col-md-6"">نیمه</div></div>\n