0

هیچ محصولی در سبد خرید نیست.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

بوت استرپ 5

نویسنده mr.hajati
امتیاز مطلب
5/5 - (1 امتیاز)
تعداد بازدید 1256
تاریخ بروزرسانی ۲۳ فروردین ۱۴۰۱

سلام در سپتامبر سال 2020 یک خبر توجه همه را به خودش جلب کرد. کمپانی توییتر پنجمین ورژن از فریمورک محبوب بوت استرپ را ارائه کرد. در این نسخه تغییرات بسیار زیادی ایجاد شده است که در ادامه آن ها را خواهیم نوشت. می خواهیم به سوالاتی که در این باره برای شما پیش می آید پاسخ دهیم.

  • بوت استرپ چیست؟
  • چرا باید از بوت استرپ بلد باشیم؟
  • بوت استرپ 5 چه ویژگی هایی دارد؟
  • چه تفاوتی بین ورژن 4 و 5 وجود دارد؟
  • چگونه از بوت استرپ 4 به 5 کوچ کنیم؟

 

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

بوت استرپ یک فریمورک سی اس اس، محصول کمپانی توییتر می باشد. این محصول علاوه بر ریسپانسیو کردن وبسایت شما به یک سری کلاس آماده برای زیبا سازی و چینش سایت شما مجهز است. این محصول در 5 ورژن عرضه شده که نسخه 5 آن هنوز آزمایشی است. و تا اصلاح شدن آن زمان زیادی لازم است.

بوت استرپ 5

  1. خصوصیات فریمورک بوت استرپ

    1. قابلیت های ریسپانسیوسازی بسیار حرفه ای
    2. از ایجاد کدهای تکراری جلوگیری می کند
    3. سرعت کدنویسی را افزایش میدهد
    4. سازگاری با کلیه مرورگر
    5. حوزه کاری گسترده ای دارد

 

ویژگی ها و تفاوت های بوت استرپ 5 :

تغییرات در این نسخه از بوت استرپ بسیار زیاد و وسیع بوده به گونه ای که باعث تعجب عموم شده است. در نسخه بتا 1 این تغییرات عبارت اند از:

  • اضافه کردن کلاس جدید شبکه بندی:

در این نسخه یک کلاس شبکه بندی برای نمایش گر های بزرگ تر از 1400 پیکسل تحت عنوان col-xxl طراحی شده است.در نسخه های قبلی تا مدیا کوئری لارج (lg) یعنی عرض 1024 پیکسل ساپورت میشد. در این نسخه تحول بزرگی که در عرض های شبکه بندی ها ایجاد شد این بود که شما تا عرض 1400 هم یک دید کلی به سایت خود داشته باشید.

  • طیف رنگ های مختلف:

همان طور که می دانید در نسخه های قبلی از لحاظ انتخاب رنگ بسیار محدود بودیم . خبر خوشی که برای شما داریم این است که در نسخه جدید این فریم ورک یعنی بوت استرپ 5 تنوع رنگی بسیار بیشتر شده است. این امر به دلیل اضافه شدن کلاس هایی مثل bg-opacity ،bg-gradient و کلاس های قبلی در بوت استرپ 4 می باشد.

  • استفاده کتابخانه Sass:

کتابخانه sass یک کتابخانه از سی اس اس می باشد که بر پایه جاوا اسکریپت است.در این کتابخانه می توانیم متغیر تعریف کنیم و از آن ها استفاده کنیم.این کار باعث می شود تا کد های بهینه تری برای استایل بنویسیم.حال این خبر خوب را به شما می دهیم که شرکت توییتر در نسخه پنجم خودش از این کتابخانه استفاده بسیاری کرده استو شما نیز می توانید با فایل های sass که پسوند scss دارند تغییرات مورد نظر خود را به بوت استرپ اضافه کنید.

  • حذف جی کوئری:

در بوت استرپ 5 کمپانی توییتر رسما جی کوئری را از فریمورک خود حذف کرده است. جایگزین این کتابخانه جاوا اسکریپت vanilla js می باشد.کتابخانه وانیلا خیلی نزدیک به هسته اصلی جاوا اسکریپت می باشد.از ادین رو توییتر خواست تا فریمورک خودش را بهینه تر و بروز تر نگه دارد. اما اگر شما به این کتابخانه جدید تسلط ندارید جای نگرانی نیست. شما همچنان می توانید از جی کوئری استفاده کنید. اما این نسخه بوت استرپ با وانیلا رابطه بهتری برقرار می کند.

  • قطع ساپورت اینترنت اکسپلورر:

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

  • بروز کردن فرم کنترل ها:

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

چگونه از بوت استرپ 4 به بوت استرپ 5 مهاجرت کنیم؟

Bootstrap 4 در مقابل Bootstrap 5: تفاوت چیست؟

مهاجرت از ورژن 4 به ورژن 5 در حال حاضر کار صحیحی نیست. باید صبر کنیم تا کمپانی نسخه کامل شده و دیباگ شده را ارائه کند. ولی در کل می توانید با خواندن و درک کردن کلاس های آن به بوت استرپ 5 مسلط شوید. اکنون می توانید با کلیک بر روی bootstrap به سایت بوت استرپ بروید و ورژن های مختلف آن را دانلود کنید.همچنین این را هم برای شما باید توضیح دهیم که نیازی نیست که شما vanilla js یاد بگیرید. صرفا چند خط کد دارد که آن را برای ایجاد انیمیشن ها و رابط کاربری بهتر سایت خود نیاز دارید.که آن هم به صورت آماده در اختیار شما قرار میگیرد.

در نسخه آلفا 1 بوت استرپ 5 برخی از کلاس های حذف شده عبارتند از:

form – row. form – inline. list – inline.

تفاوت بین Bootstrap 4 و Bootstrap 5.

تغییر اصلی
مولد سایت استاتیک
بوت استرپ 4
Bootstrap 4 از نرم افزار Jekyll استفاده می کند.
بوت استرپ 5
بوت استرپ 5 از نرم افزار Hugo استفاده می کند زیرا یک سایت تولید کننده سریع استاتیک است.

7 ویژگی جدید که باید در Bootstrap 5 به آنها توجه کنید

پشتیبانی جی کوئری بوت استرپ دیگر از کتابخانه جی کوئری استفاده نخواهد کرد. …
ویژگی های سفارشی CSS. …
سیستم شبکه بهبود یافته …
اسناد بهبود یافته …
کنترل های فرم بهبود یافته …
Bootstrap 5 Utilities API را اضافه می کند.
کتابخانه نماد بوت استرپ جدید.

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

5/5 - (1 امتیاز)
مطالب مرتبط
مزیت ساخت سایت در اصفهان برای کسب و کار‌ها
مطالعه :

طراحی وب‌سایت به ساخت، راه‌اندازی و دیزاین صفحات وب گفته می‌شود که در ادامه با مزیت ساخت سایت در اصفهان آشنا می شویم. وب‌سایت‌ها با استفاده از زبان کد‌نویسی طراحی می‌شوند. اما امروزه با پیشرفت فناوری، توانایی‌ها و ویژگی‌های برنامه‌های ساخت وب‌سایت‌ها افزایش یافته و کار را برای برنامه‌نویسان و طراحان وب آسان‌تر کرده است. با توسعه فناوری و استفاده روز افزون مردم از تکنولوژی‌های پیشرفته و همینطور تاثیر شیوع کرونا، باعث شد تا مردم نیاز‌های خود را به صورت آنلاین و حضوری برطرف کنند. همینطور اکثر شرکت‌ها و حتی فروشگاه‌ها کلیه خدمات خود را به صورت اینترنتی در اختیار کاربران و مشتریان خود قرار می‌دهند. از این رو وب‌سایت‌ها اهمیت بسیار زیادی دارند. وب‌سایت‌ها انواع مختلفی از جمله وب‌سایت‌های فروشگاهی، شرکتی، خدماتی و… دارند. طراحی یک وب‌سایت حرفه‌ای می‌تواند شما را در جذب مشتری در اصفهان و شهر‌های دیگر کمک کند، مشتریانی که هم می‌توانند توریست باشند و هم از افراد خود اصفهان. طراحی یک وب‌سایت به خدماتی بستگی دارد که افراد می‌توانند به مشتریان خود ارائه دهند. افراد با طراحی یک وب‌سایت می‌تواند محصولات و یا خدمات خود را به همه مردم ایران و یا حتی جهان معرفی کنند. این خدمات می‌تواند خدمات فروشگاهی و راهبردی باشند. از این رو انتخاب شرکتی که بهترین و به روزترین خدمات ساخته وب‌سایت در اصفهان برای طراحی انواع وب‌سایت‌های تجاری را […]

معرفی شبکه های اجتماعی محبوب
مطالعه :

دنیای امروزه دنیای ارتباطات می باشد واهمیت رسانه ها بیشتر از همیشه احساس می شود. شبکه های اجتماعی با هدف ارتباط گرفتن افراد به وجود آمد و امروزه برای تبلیغات کسب و کارها بسیار مهم تلقی می شود. درعصر ارتباطات اغلب کسب وکارها برای پیشرفت زمینه ی شغلی خود به سمت تبلیغات در شبکه های اجتماعی روی آورده اند.شبکه های اجتماعی محبوب در اطلاع رسانی برای خبرهای روزانه نقش بسیار مهمی را ایفا می کنند. با وب یار همراه باشید تا با بهترین شبکه های اجتماعی در ایران آشنا شویم. در جامعه ی امروزی شبکه های اجتماعی جزئی از زندگی مردم شده که برای تبلیغات ،اطلاع رسانی ها و آموزش و…از این شبکه ها بهره می برند.باتوجه به همگانی شدن شبکه های اجتماعی بین مردم لازم است که در مورد هر کدام از این شبکه ها اطلاعاتی کسب کنیم تا از جوامع امروز عقب نمانیم. تاریخچه مختصری در مورد شبکه های اجتماعی : ریشه شکل گرفتن مفهوم شبکه های اجتماعی در سال 1960در دانشگاه ایلی نویز در آمریکا بود.و بعد از روی کار آمدن مفهوم شبکه های اجتماعی در سال 1997سایتی تشکیل شد که اجازه ایجاد پروفایل به افرادمختلف را داد هدف این سایت جمع کردن لیستی از دوستان در کنار هم بود و بعد از آن هم شبکه های اجتماعی مختلفی با اهداف متنوع روی کار آمد. در سال […]

طراحی قالب وردپرس
مطالعه :

طراحی قالب وردپرس امروزه طرفداران زیادی پیدا کرده است. وردپرس یک سیستم مدیریت محتوای قوی است که می توان با آن قالب های زیبایی طراحی کرد. در مطلب امروز وب یار می خواهیم با نحوه طراحی قالب وردپرس آشنا شویم. بیشتر سایت های دنیای وب امروزی با این سیستم مدیریت طراحی می شودو بازار کار خوبی دارد به ویژه اگر این قالب مختص کسب وکار شما باشد و با توجه به نیاز ها و سلایق شما طراحی شده باشد در این صورت است که علاوه برتکراری نبودن پاسخگوی نیازهای مجموعه شما می باشد. قالب وردپرس چیست ؟ وقتی شما هاست ودامنه ای برای سایت خود خریداری می کنید و سیستم مدیریت محتوای وردپرس را روی هاست خود نصب می کنید در این صورت یک سیستم مدیریت محتوا در دسترس شما قرار می گیرد با استفاده از این سیستم شما می توانید صفحه هاتی را به سایتتان اضافه کنید ،عکس و ویدیو منتشر کنید ،منو بالایی وپایین اضافه کنید ،انواع فرم ها را در سایت خود داشته باشید و… پس طراحی قالب وردپرس به شما امکان داشتن سایتی مجهز به امکانات خاص می باشد حال بسته به اینکه سایت شما شرکتی یا فروشگاهی ویا نه شخصی است لیست این امکانات متفاوت می باشد. دانلود قالب برای وردپرس بعد از اینکه شما وردپرس را نصب کردید سایت شما از یک ظاهر ساده […]

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

ساخت نرم افزار بدون کد نویسی و با استفاده از کدنویسی انجام می‌شود. در این مقاله از وب یار قصد داریم تا به چگونگی ساخت نرم افزار تحت ویندوز بدون کد نویسی و مزایای آن نسبت به روش‌های قدیمی بپردازیم. با پیشرفت تکنولوژی بستر استفاده از موبایل‌ها و کامپیوترها گسترده‌تر شده است، زیرا روز به روز به تعداد کاربران آن‌ها افزوده میشود. اگر شما نیز ایده‌ای برای تولید نرم افزار و سرویس‌دهی در این بستر را دارید، بهتر است هر چه سریعتر دست به کار شوید و از این فضا که پتانسیل بالایی دارد برای کسب درآمد استفاده کنید. ساخت نرم افزار بدون کد نویسی چگونه ممکن است؟ این روزها دیگر نیاز نیست تا پروسه‌ی طولانی آموزش برنامه نویسی را طی کنید تا بتوانید به ساخت نرم افزارها بپردازید. در گذشته اگر قصد ساخت برنامه‌ای را داشتید باید ساعت‌ها زمان صرف می‌کردید تا با استفاده از کدها دستور العمل‌هایی را برای برنامه تعریف کنید تا عملکرد درستی داشته باشد. همچنین پس از تعریف آن دستور العمل‌ها باید مراحل آزمون و خطا را طی می‌کردید تا به اصطلاح برنامه‌ای که ساخته‌ای را باگ گیری (اشکال‌گیری) کنید. اما دیگر ساخت نرم افزار بدون کد نویسی یک رویا نیست! متخصصان نرم افزارهای زیادی را به عنوان ابزارهای کمکی طراحی کرده‌اند تا کاربران بتوانند بدون نوشتن حتی یک خط کد، نرم افزار ایده‌آل خود […]

مرجع جاوا اسکریپت وب یار
مطالعه :

در این لینک مقالات مرجع جاوا اسکریپت برای شما عزیزان فراهم شده تا دسترسی راحت تری به مطالب حوزه جاوااسکریپت داشته باشید. آموزش زبان جاوا اسکریپت javascript + جلسه اول زبان برنامه نویسی جاوا اسکریپت یک زبان سمت کلاینت (کاربر) است و روی اکثر مرورگر های امروزی کار می کند. این زبان به تمام خصوصیت های عناصر html و css دسترسی داشته و نسبت به رویدادهای کاربر واکنش نشان می دهد   محل قرار گیری کدهای جاوا اسکریپت + جلسه دوم تگ های جاوا اسکریپت این توانایی را دارند که در هر جایی از صفحات html به کار روند. آموزش دستورات مهم جاوا اسکریپت + جلسه سوم دستور جاوا اسکریپت شامل مقادیر، عملگرها،کلمات کلیدی و توضیحات است.دستورات جاوا اسکریپت زیر همان کلمات کلیدی رزرو شده ای هستند که نمی توانند به عنوان نام متغیر به کار روند.    آموزش توضیحات در جاوا اسکریپت + جلسه چهارم توضیحات در جاوا اسکریپت به دو صورت به کار می روند: 1- توضیحات تک خطی 2- توضیحات چند خطی تعریف متغیرها در جاوا اسکریپت + قسمت پنجم متغیرها در javaScript حافظ و حامل اطلاعات هستند. یعنی این متغیرها اطلاعاتی را در خود ذخیره نموده و در حین اجرای برنامه با شرایط مختلف تغییر می کنند.  انواع داده ها در JavaScript + جلسه ششم زبان جاوا اسکریپت نیز همانند سایر زبان های برنامه نویسی از انواع داده های عددی (Number)  ، رشته ای (String)  ، […]

3 لیست مهم در HTML5
مطالعه :

در این مقاله از وب یار میخواهیم لیست ها در HTML5 که شامل لیست مرتب ، لیست نامرتب و لیست توضیحات را به شما بگوییم. آموزش لیست ها در HTML5 لیست ها کاربردهای فراوانی در متون مختلف داشته و حتما تا به حال نمونه هایی از آن ها را در کتاب ها ، مجلات ، روزنامه ها و.. دیده اید. اما کاربرد لیست ها محدود به مطالب چاپی نمی شود و امروزه در انواع طراحی صفحات وب ، شبکه های اجتماعی و یا پیام رسان ها نیز دیده می شوند. با کمک لیست ها می توانید موضوعات مرتبط به هم را در یک دسته قرار داده و آن ها را گروه بندی کنید. HTML نیز به منظور ایجاد انواع لیست ها در صفحات وب تگ هایی مشخص کرده است. در HTML5  سه نوع لیست با کاربردهای متفاوت وجود دارد که شامل موارد زیر است : Unordered Lists Ordered Lists Description Lists در ادامه به کاربرد و نحوه ی نوشتن هر لیست می پردازیم : لیست مرتب Unordered Lists در این لیست ها ترتیب آیتم ها اهمیت نداشته و تنها عناصر مرتبط به هم در یک لیست قرار می گیرند. به عنوان مثال به لیست زیر توجه کنید: انواع نوشیدنی های گرم قهوه چای نسکافه همان طور که مشاهده می کنید در این لیست ترتیب اهمیت نداشته و فرقی نمی کند […]

دیدگاه ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.