• آقای کدنویس
آقای کدنویس
تبلیغات

آموزش Bootstrap 4

  • 1396/12/05
  • 781

بوت استرپ (Bootstrap) یکی از فریمورک های محبوب طراحان وب می باشد که توسط توییتر توسعه داده شده است. این فریم ورک متشکل از css و Javascript و کتابخانه قدرتمند و محبوب آن JQuery می باشد. البته از کتابخانه های دیگری هم برای برای توسعه این فریم ورک استفاده شده است اما اصلی ترین بخش های Bootstrap مواردی می باشد که در بالا ذکر شدند.

آموزش bootstrap 4

برای شروع کار با Bootsrap نیاز دارید که ابتدا با موارد زیر به عنوان پیشنیاز، آشنایی و تسلط داشته باشید:

  • Html
  • Css
  • Javascript
  • Jquery

طراحی سایت با Bootstrap 4

برای طراحی سایت با Bootsrap4 نیز همانند نسخه های گذشته این فریم ورک محبوب، دارای گرید بندی مشخص و دقیقا همانند نسخه های قبل می باشد، با این تفاوت که کلاس col-xs-N که تعیین کننده تعداد ستون المان در اندازه بسیار کوچک بود حذف گردیده است.

امکانات مختلفی در Bootstrap 4 اضافه گردیده است که در ادامه به آنها اشاره خواهیم کرد.

امکانات جدید Bootstrap 4

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

بوت استرپ 4 چه تغییراتی داشته است؟

  • یکی از بزگترین تغییرات Bootstrap 4 نسبت به قبل، مهاجرت از Less به Sass می باشد. در حال حاضر این نسخه بوت استرپ، سریع ترین نسخه موجود از ابتدا تا به الان می باشد که دلیل آن هم استفاده از Sass می باشد. 
  • از سیستم flex توکار در بوت استرپ 4 استفاده شده است. این سیستم امکان این را می دهد تا با تغییر یک عدد بولین، تمامی گرید بندی ها با توجه به آن تغییر کرده و مجددا سیستم گریدبندی با توجه به آن عدد ایجاد شود.
  • اضافه شدن card در بوت استرپ4 که تقریبا شبیه به thumbnail, well, panel می باشد منتهی با عملکردی بسیار بهتر.
  • به راحتی سفارشی سازی کنید. تمامی کد های تزئیناتی از جمله transition, gradiant، سایه ها و ... برخلاف نسخه قبل خود که در یک فایل جداگانه قرار داشتند، اکنون درون یک متغییر Sass قرار دارند که برای مثال، به راحتی می توانید یک سایه را به تمام المان های خود بدهید.
  • دیگر IE8 مورد پشتبانی Bootsrap 4  قرار ندارد. با حدف پشتیبانی از این مرورگر، از Css های پیشرفته تری در این فریم ورک استفاده گردیده است.
  • پیکسل نیز در این نسخه جای خود را به em و rem داده است تا تایپوگرافی های موجود در صفحات وب شما نیز ریسپانسیو شوند.
  • ر این نسخه از ابزار Tether استفاده گردیده است که موجب شده است که محل قرار گیری Tooltip ها و همچنین Popover ها بهود یابد.
تمامی مستندات در نسخه 4 Bootsrap بازنویسی شده اند و نمونه کدها به همراه نتیجه کدها نمایش داده خواهند شد. همچنین جستجو مستندات دستخوش تغییراتی گردیده است که راحت تر بتوانید جستجو کنید.
بر خلاف Bootstrap 2 که بعد از ارائه نسخه 3، پشتیبانی از آن قطع گردید، با ارائه بوت استرپ 4، پشتیبانی از نسخه 3 ادامه خواهد داشت. اما بهتر است برای طراحی های آینده خود از بوت استرپ 4 استفاده کنید.

دیدگاه کاربران
نظر خود را ارسال کنید

پیشنهاد شگفت انگیز

عضویت در آقای کدنویس

عضویت

با عضویت در سایت آقای کدنویس، از آخرین اخبار مرتبط با برنامه نویسی، تخفیف ویژه اعضا و ... با خبر شوید. همچنین از امکانات ویژه اعضا نیز برخوردار شوید.

عضویت

انجمن پرسش و پاسخ

انجمن آقای کدنویس

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

انجمن آقای کدنویس

سفارش پروژه

سفارش پروژه
  • طراحی سایت
  • اپلیکیشن موبایل
  • نرم افزار ویندوز
  • سئو
سفارش پروژه

خدمات سئو

خرید بک لینک

اگر تمایل برای بهبود وضعیت سایت خود در نتایج موتور های جستجو را دارید، همین حالا کلیک کنید...

خدمات سئو