Bootstrap مجموعه‌ای از سبک‌ها و اجزای رابط وب است که ساخت صفحهٔ واکنش‌گرا را ساده‌تر می‌کند. برای یک سایت فارسی، نسخهٔ سازگار، فایل RTL و تنظیم جهت متن اهمیت دارند؛ استفاده از Bootstrap به‌تنهایی کیفیت طراحی یا سرعت سایت را تضمین نمی‌کند.
CSS و JavaScript چه نقشی دارند؟
شبکه‌بندی و بسیاری از سبک‌ها از CSS استفاده می‌کنند. اجزای تعاملی مانند Modal یا Dropdown به کد JavaScript مربوط هم نیاز دارند. مجموعهٔ bundle امکانات وابستهٔ لازم را طبق مستندات همان نسخه فراهم می‌کند. بارگذاری CSS یک نسخه و JavaScript نسخهٔ ناسازگار می‌تواند رفتار اجزا را مختل کند.
این راهنما به شاخهٔ مستندات 5.3 ارجاع می‌دهد. نسخهٔ پروژه و فایل‌های وابسته را ثبت کنید و برای ارتقا، تغییرات نسخه و قالب فعلی را بررسی کنید. اگر سایت از قبل Bootstrap دارد، افزودن دوبارهٔ بسته می‌تواند سبک‌ها و رویدادها را تکراری کند.
آماده‌سازی صفحهٔ فارسی
- در صفحه از HTML5 و تنظیم viewport مناسب استفاده کنید.
- زبان سند را fa و جهت اصلی را rtl قرار دهید.
- فایل CSS راست‌به‌چپ همان نسخه، مانند bootstrap.rtl.min.css، را انتخاب کنید.
- فقط JavaScript و اجزایی را بارگذاری کنید که رابط به آن‌ها نیاز دارد.
- اگر از CDN و integrity استفاده می‌کنید، نشانی نسخه و هش فایل را با هم و طبق مستندات رسمی تنظیم کنید.
<html lang="fa" dir="rtl">آزمون پیش از تحویل رابط
صفحه را در اندازهٔ موبایل و دسکتاپ و با متن واقعی فارسی ببینید. ترتیب ستون‌ها، جای آیکون، بازشدن منو و فرم‌ها را کنترل کنید؛ صرف راست‌چین‌کردن متن همهٔ رفتارهای RTL را اصلاح نمی‌کند. ترتیب خواندن و دسترسی صفحه‌کلید نیز باید بررسی شود. تغییرات اختصاصی را در فایل جدا نگه دارید تا ارتقای فایل اصلی Bootstrap آن‌ها را از بین نبرد.
