کتابخانه
bootstrap یه کتابخونه متن باز CSS و جاوااسکریپته که باهاش صفحه های واکنش گرا رو سریع می سازی. سیستم گرید، دکمه، فرم، منو، مودال و کلی کامپوننت آماده داره و لازم نیست همه چیز رو از صفر بنویسی. مجوزش MIT هست، پس توی سایت شخصی و تجاری می تونی ازش استفاده کنی.
نسخه رسمی و بدون تغییر، از منبع رسمی با مجوز MIT؛ هش هر فایل با منبع بررسی شده است.
۲٫۶ مگابایت· ۷۸ فایل· انتشار
SHA-256: 7b0f14895d69247fd88e93840489cfd47c55bd3fd27eb0a6c12a14cc5f492207
bootstrap یکی از قدیمی ترین و پرکاربردترین کتابخونه های فرانت اند برای ساخت رابط کاربریه. ایده اش ساده است: به جای اینکه برای هر دکمه، فرم و منو از صفر CSS بنویسی، یه مجموعه کلاس آماده داری که کنار هم می چینی و صفحه رو درمیاری. کنارش چندتا کامپوننت جاوااسکریپتی مثل مودال، دراپ داون، کروسل و آکاردئون هم هست که بدون نوشتن کد اضافه کار می کنن.
بزرگ ترین مزیتش سیستم گریده. صفحه رو به ردیف و ستون تقسیم می کنی و برای هر اندازه صفحه می گی هر ستون چقدر جا بگیره. همون چیدمان روی موبایل، تبلت و دسکتاپ درست جواب می ده. برای سایت های فارسی هم پشتیبانی راست به چپ داره؛ فقط باید فایل RTL رو به جای فایل معمولی لود کنی.
برای پنل مدیریت، لندینگ، سایت شرکتی، نمونه اولیه و قالب وردپرس خیلی خوبه. ولی اگه طراحی خیلی خاصی توی ذهنته که هیچ شباهتی به ظاهر پیش فرض نداره، باید کلی استایل رو بازنویسی کنی و اون موقع کتابخونه بیشتر اذیتت می کنه تا کمک. برای یه صفحه خیلی ساده هم حجم کامل کتابخونه زیاده.
توی وردپرس یه چیز رو حتماً چک کن: خیلی از قالب ها و افزونه ها خودشون bootstrap رو لود می کنن. اگه دوباره اضافه اش کنی، هم حجم صفحه بالا می ره و هم ممکنه استایل ها با هم تداخل پیدا کنن. اول سورس صفحه رو نگاه کن، بعد تصمیم بگیر.
نسخه رو هم با پروژه ات هماهنگ کن. نسخه های قدیمی تر به jQuery نیاز داشتن ولی نسخه های جدید نه، و اسم بعضی کلاس ها بین نسخه های اصلی عوض شده. یه نکته دیگه: فایل ها رو روی هاست خودت بذار، نه روی CDN خارجی. وقتی اینترنت بین الملل محدود می شه، CDN لود نمی شه و سایتت بدون استایل می مونه. نسخه های رسمی و بدون تغییر bootstrap توی مخزن داخلی ما هم هست و می تونی از همین صفحه برشون داری.
نصب bootstrap تو چند قدم انجام می شه:
اگه سایتت وردپرسیه، فایل ها رو دستی توی header.php نذار. با wp_enqueue_style و wp_enqueue_script توی functions.php قالبت اضافه شون کن تا وردپرس ترتیب لود و تداخل رو خودش مدیریت کنه. قبلش هم مطمئن شو قالب یا افزونه ای که داری bootstrap رو از قبل لود نمی کنه.
آره، مجوز MIT داره و برای سایت شخصی، تجاری و حتی پروژه مشتری آزاده. فقط باید متن مجوز و اطلاعات کپی رایت رو توی فایل ها دست نخورده نگه داری. لازم هم نیست کد سایتت رو متن باز کنی. یعنی بدون پرداخت هزینه و بدون گرفتن اجازه جدا می تونی ازش استفاده کنی.
معمولاً دلیلش لود دوباره است. قالب یا یکی از افزونه ها احتمالاً خودشون bootstrap دارن و حالا دو نسخه با هم تداخل می کنن. سورس صفحه رو باز کن و ببین چندتا فایل bootstrap لود شده. فقط یکی رو نگه دار و بقیه رو حذف کن.
نسخه های جدید بدون jQuery کار می کنن و جاوااسکریپتشون مستقل نوشته شده. نسخه های قدیمی تر ولی jQuery لازم دارن. پس اول ببین پروژه ات با کدوم نسخه ساخته شده، چون فایل جاوااسکریپت و کلاس ها بین نسخه ها فرق دارن و قاطی کردنشون خطا می ده.
به جای فایل CSS معمولی، فایل RTL خود bootstrap رو لود کن و روی تگ html هم dir="rtl" بذار. نیازی نیست جهت ها رو دستی با CSS برعکس کنی. فونت فارسی رو هم جدا و با font-family خودت تعریف کن.
نام کتابخانه، افزونه یا قالب را بفرستید؛ پس از بررسی، نسخه‌های رسمی آن به مخزن اضافه می‌شود.