بوت‌استرپ ۵ چیست و چطور طراحی ریسپانسیو را ساده می‌کند؟
نویسنده: عرفان حسینی روزبهانی |
تاریخ: ۲۰ مهر ۱۴۰۵ |
دسته بندی: طراحی سایت
بوت‌استرپ چیست؟
بوت‌استرپ (Bootstrap) یکی از محبوب‌ترین فریم‌ورک‌های CSS برای ساخت رابط‌های ریسپانسیو است. این فریم‌ورک مجموعه‌ای آماده از کلاس‌ها و اجزای رابط کاربری مثل نوار ناوبری، دکمه، کارت و مودال دارد و باعث می‌شود بدون نوشتن همه‌چیز از صفر، سریع‌تر به نتیجه برسید.
سیستم گرید
چیدمان بوت‌استرپ بر پایه‌ی شبکه‌ی ۱۲ ستونی است. با کلاس‌هایی مثل col-12 col-md-6 می‌توان مشخص کرد یک بخش در موبایل تمام‌عرض باشد و از اندازه‌ی تبلت به بالا نصف عرض را بگیرد. نقاط شکست (Breakpoint) پیش‌فرض از sm تا xxl تعریف شده‌اند.
تغییرات مهم نسخه‌ی ۵
- حذف وابستگی به jQuery؛
- پشتیبانی داخلی از راست‌چین (RTL)، که برای سایت‌های فارسی بسیار مفید است؛
- کلاس‌های کمکی (Utilities) بیشتر برای فاصله، رنگ و چیدمان بدون نوشتن CSS اضافه.
نکات حرفه‌ای
بوت‌استرپ نقطه‌ی شروع خوبی است، اما بهتر است ظاهر سایت را با CSS اختصاصی و متغیرهای رنگ شخصی‌سازی کنید تا شبیه همه‌ی سایت‌های دیگر نشود. همچنین فقط بخش‌هایی را که لازم دارید بارگذاری کنید تا سایت سبک بماند.