آموزش بوت استرپ
بوت استرپ

بوت استرپ چیست؟

فریم ورک بوت استرپ مجموعه ای از ابزارهای رایگان شامل کلاس های آماده CSS، دستورات HTML  و توابع جاوا اسکریپت است که  برای ایجاد صفحات وب و طراحی رابط کاربری  نرم افزارهای تحت وب استفاده می شود. 

بوت استرپ برای تولید و نمایش فرم ها، دکمه ها، تب ها، ستون ها، جداول،مودال ها، تصاویر کاروسل و سایر بخش های مورد نیاز طراحی وب به کار می رود و برای ما امکان طراحی قالب های واکنش گرا در کمترین زمان و آسان ترین روش را فراهم می کند. 

طراحی وب Responsive (واکنش گرا) چیست ؟

این نوع طراحی درباره ساخت وب سایت هایی است که به صورت خودکار، متناسب با دستگاه های مختلف از موبایل های کوچک گرفته تا کامپیوتر های رومیزی ظاهر خود را  مطابقت می دهند تا باعث رضایت کاربر شوند.

آموزش بوت استرپ
قالب رسپانسیو بوت استرپ

تاریخچۀ بوت استرپ

بوت استرپ توسط مارک اوتو و جاکوب تورنتون ساخته شده و بصورت یک محصول متن باز در آگوست ۲۰۱۱ در گیت هاب (GitHub) منتشر شده است. بوت استرپ در ابتدا به منظور ایجاد یک چارچوب ظاهری مشخص و یکسان در ابزارهای توییتر طراحی و نوشته شد.

چرا باید از بوت استرپ استفاده کنیم؟

صرفه جویی در زمان: شما می‌توانید با استفاده ازقالب‌های پیشنهادی بوت‌ استرپ و تمرکز بر کلاس‌های آن در زمان و انرژی خود صرفه جویی کنید.

تداوم درطراحی: تمام اجزای بوت استرپ، قالب های سبک را ازطریق یک کتابخانه مرکزی به اشتراک می‌گذارند، به طوری که طرح‌ها و صفحه‌ بندی‌های وب، درطول توسعه کار دائما پیشرفت می‌کنند.

سازگاری با مرورگرها: بوت استرپ با تمام مرورگرهای جدید سازگاری دارد مانند موزیلا فایر فاکس، گوگل کروم، سافاری، اینترنت اکسپلور و اپرا.

منابع آن قابل دسترس هستند: بهترین امتیاز این است که امکان دانلود این منابع به صورت رایگان وجود دارد.

چگونه بوت استرپ را در سایت خود فعال کنم؟

برای استفاده از بوت استرپ بر روی وبسایتتان به دو روش زیر می توانید عمل کنید :

۱ – بوت استرپ را از وب سایت Getbootstrap.com دانلود کرده و در هاست خود ذخیره کنید.

۲ – از CDN ها استفاده کنید، اگر نمی خواهید بوت استرپ را دانلود و در هاست خود آپلود و استفاده کنید، می توانید آن را از CDN شبکه تحویل محتوا  به دست بیاورید.

MaxCDN  ارائه دهندۀ پشتیبانی برای بوت استرپ، CSS   و جاوا اسکریپت بوده و جی کوئری را نیز ارائه می دهد.

bootstrap-cdn
بوت استرپ CDN

مزیت استفاده از بوت استرپ CDN چیست؟

بسیاری از کاربران، هنگام بازدید از سایت های بوت استرپی، بوت استرپ را از MaxCDN دانلود کرده اند. پس هنگام بازدید از سایت شما بوت استرپ را از فایل کَش اپلود کرده اند که باعث بارگذاری سریعتر سایت می شود. همچنین اکثر CDN ها هنگامی که یک کاربر فایلی را درخواست می کند آن را از نزدیک ترین سرور موجود دانلود می کنند که این نیز باعث افزایش سرعت بارگذاری سایت خواهد شد.

خب دوستان تا اینجا با مقدمات بوت استرپ به صورت تئوری آشنا شدیم.

در ادامه آموزشها به بخشهای مختلف بوت استرپ و مثال های کاربردی آن می پردازیم.