بوت استرپطراحی سایت

bootstrap چیست، مزایای بوت استرپ و چه کاربردهایی دارد

چند روزی بود که این موضوع فکر منو مشغول کرده بود که چه طور میشه bootstrap رو شرح داد، به یه سری نتایج رسیدم، پس با اَبَر پرس همراه باشید.

بوت استرپ (Bootstrap) یک فریم ورک ساده، قدرتمند و رایگان برای طراحی و ساخت صفحات وب front-end در سریع ترین زمان ممکنه.

مزایا و کاربردهای بوت استرپ

بوت استرپ به شما کمک می کنه که یک سایت ریسپانسیو رو طراحی کنید که در تمام پلتفرم ها وبسایت شما به درستی نمایش داده بشه.
یکی از بزرگ ترین مزیت های bootstrap نسبت به رقبایش این است که برای هر امکانی کلاسی رو تعریف کرده، و خیلی به روز هست یعنی با آخرین ورژن مرورگر های محبوب از جمله Google Chrome و Firefox سازگار هست.
و جامعه پشتیبانی قدرتمندی رو دارا می باشد.

نمونه قالب های bootstrap
نمونه قالب های bootstrap

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

اگه یه کمی به قبل برگردیم پروژه بوت استرپ 8 سال پیش یعنی سال 2011  استارت خورده که اسم اولش Twitter Blueprint بوده که هدفشون “ساخت یک ابزار جدید برای انجام کارهای بیشتر بوده”.
همون طور که میشه از اسم اولش فهمید bootstrap توسط تویتتر ساخت شده و در حال توسعه است.
اینو باید بدونید که bootstrap سومین پروژه محبوب در سایت GitHub است.

لوگوی بوت استرپ
لوگوی بوت استرپ

ورژن های bootstrap

  • ورژن 1 با ایراد های زیاد در سال 2011 منتشر شد.
  • ورژن 2 در سال 2012 منتشر شد، که پشتیبانی از Glyphicons به بوت استرپ اضافه کرد.
  • ورژن 3 بوت استرپ در سال 2013 منتشر شد با ویژگی های flat-design و mobile-first بود.
  • ورژن 4 از سال 2014 تا سال 2017 ورژن هایی رو به صورت تستی عرضه کردن و در سال 2018 به صورت کامل منتشر شد. یعنی ورژن 4.3.1

یک سوالی که پیش میاد اینه که برای کار کردن با bootstrap به چه چیز هایی باید تسلط داشت: html, CSS, JavaScript

ستون بندی در bootstrap 4

بزرگ ترین قابلیتی که در ورژن 4 به بوت استرپ اضافه شد استفاده از flexbox در ستون بندی هست، یعنی چی؟
یعنی این که اندازه ستون بندی های شما براساس محتویات ستون هست، در حالی که در ورژن 2 از پیکسل استفاده میشد و در ورژن 3 از درصد، حالا در ورژن 4 هم از درصد و هم از flexbox استفاده میشود.

ستون بندی در bootstrap 4
ستون بندی در bootstrap 4
استفاده از flexbox در ستون بندی در بوت استرپ
استفاده از flexbox در ستون بندی در بوت استرپ

امیدوارم که این مقاله به دردتون خورده باشه، لطفا این مقاله رو با دوستانتون با اشتراک بزارید. متشکرم😊

دوستان عزیز هرگونه سوالی که در طول خواندن مطالب براتون پیش آمد کافیه که درقسمت نظرات از من بپرسید و در سریع ترین زمان ممکن به سوال شما پاسخ می دهم
برچسب ها

رسول وطن پرست

من کارشناس نرم افزار هستم علاقمند به یادگیری و آموزش و نشر اطلاعات و دانسته های خودم هستم.

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا
بستن