بوتاسترپ یک چارچوب قدرتمند برای توسعه سریع و آسان وب است که شامل قالبهای طراحی بر اساس HTML و CSS است. کاربران معمولا با این قالبها رو به رو هستند. تایپوگرافی، فرمها، دکمهها، جداول، نقشهها، نوارهای کشویی، هشدارها، مُدالها، صفحات آکاردئونی، علائم چرخان و بسیاری دیگر مواردی از این قالبها هستند. علاوه بر این میتوان به جاوا اسکریپتهای اختیاری اشاره کرد.
تاریخچه بوتاسترپ
Bootstrap در ابتدا توسط مارک اتو و جاکوب تورنتون و در جهت ایجاد یک چارچوب ظاهری مشخص و یکسان در ابزارهای توییتر طراحی و نوشته شد. قبل از شروع این پروژه نمونههای زیادی با همین رویکرد ایجاد شده بود که همگی با سرنوشتی مشابه و عدم استقبال طراحان وب دنیا مواجه شده بودند. به دلیل وجود مشکلات اساسی در نمونههای دیگر، سازنده اصلی توییتر یا همان مارک اتو تصمیم به ساخت یک سیستم داخلی و قدرتمند برای خود با نام Bootstrap گرفت. در اگوست سال ۲۰۱۱، توییتر Bootstrap را بصورت متن باز و رایگان به عنوان یک فریم ورک طراحی وب سایت در اختیار دیگران قرار داد و در فوریه ۲۰۱۲ به محبوب ترین پروژه در سایت Github تبدیل شده بود.
امکانات بوتاسترپ
بوتاسترپ در واقع از چند فایل CSS و Java Script تشکیل شده است که باعث میشود تا دیگر نیازی به نوشتن کدهای سیاساس یا جاوا اسکریپت نباشد و از کلاسهای آماده بوتاسترپ استفاده نمود. به عبارت دیگر Bootstrap مجموعهای از ابزارهای رایگان برای ایجاد صفحات وب و نرم افزارهای تحت وب جهت تولید و نمایش فرمها، دکمهها، تبها، ستونها و سایر المانهای مورد نیاز است. یکی از موارد دشوار و وقت گیر در طراحی سایت، اختصاص ویژگیهای مختلف به عناصر صفحه مانند لینکها، هدرها، دکمهها و... است که بوتاسترپ به طور پیش فرض این کار را انجام داده است. در واقع به کمک فریمورک Bootstrap طراحان صفحات وب قادر خواهند بود تا صفحاتی با پویایی بالا ایجاد کنند. بوتاسترپ شامل قالبهای آماده طراحی با محوریت HTML و CSS برای تایپوگرافی، فرمها، دکمهها، نمودارها، منوهای راهبری و دیگر اجزاء رابط کاربری است. بوتاسترپ Open Source بوده و یکی از محبوبترین پروژهها در سایت GitHub است که توسط سایتهای مطرحی چون istockphoto و who.is و godaddy مورد استفاده قرار گرفته است.
طراحی Responsive با بوتاسترپ
از دیگر موارد مهم در طراحی وبسایت، نمایش صحیح سایت در دستگاههای مختلف نظیر تبلت و موبایل است. طراحی واکنش گرا قابلیتی است که Bootstrap برای این مساله تدارک دیده است. برای استفاده از قابلیت طراحی Responsive باید از سیستم شبکهبندی استفاده نمود؛ سیستم GRID بوتاسترپ به صورت پیش فرض با ۱۲ ستون و عرض ۹۴۰ پیکسل طراحی شده که قابل تغییر است. این چارچوب یا Framework با تمامی مرورگرهای استاندارد همخوانی داشته و حتی در نسخههای قدیمیتر مانند اینترنت اکسپلورر ۸ نیز ظاهر زیبای خود را حفظ میکند. از نسخه دوم Bootstrap به بعد طراحی واکنشگرا یا رسپانسیو نیز در آن لحاظ شد که موجب نمایش مناسب صفحه در تلفنهای هوشمند و تبلتها میگردد.
چرا Bootstrap ؟
- بهبود نمایش صفحات وب
- سرعت بالای کار با آن و کاهش زمان اجرای یک پروژه
- همخوانی با تمامی مرورگرهای استاندارد
- امکان ایجاد صفحه بندی، امکان ساخت انواع و قابلیتهای زیبا سازی
- امکان طراحی صفحات وب بصورت واکنش گرا
- منابع و مستندات قابل دسترس و دانلود رایگان
دیدگاه خود را ثبت کنید