باسلام دوستان یه سری فایل های جدید داخل بوت استرپ5 وجود داره به نام های bootstrap-reboot.min.css و bootstrap-utilities.min.css و bootstrap.bundle.min.js و bootstrap.esm.min.js
چون حجمشون از فایل اصلی بوت استرپ کمتره، برای کسی که نخواد از تمام امکانات بوت استرپ استفاده کنه، بهتره از این فایل ها استفاده بشه
کاربردشون چیه و توی چه قسمتی از پروژه میشه ازشون استفاده کرد؟ ممنون
این جدول رو نگاه بندازید:
https://getbootstrap.com/docs/5.0/getting-started/contents/#css-files
https://getbootstrap.com/docs/5.0/getting-started/contents/#js-files
فایل اصلی بوت استرپ شامل همه ی موارد میشه.
فرض کنید کسی بخواد فقط از کلاس های utilities استفاده کنه، دیگه لازم نیست خود بوت استرپ رو با حجم بالا در پروژه قرار بده. از این فایل تکی استفاده می کنه. / سایر موارد هم به همین ترتیب میتونه مورد استفاده قرار می گیره.
@milad بله اینو میدونم و بالا هم عرض کردم که این فایل ها برای کسی هست که نخواد از فایل اصلی استفاده کنه و فقط بعضی از آپشن های بوت استرپ رو لازم داشته باشه. اما موضوع اینه که هرکدوم از این فایلها دقیقا چه آپشن هایی در اختیار توسعه دهنده میذارن؟ کاربرد هرکدوم از این فایل ها دقیقا چیه و چه امکاناتی توی طراحی بهمون میدن؟ کلاس هاشون چه نوع کامپوننت ها و آبجکت هایی رو هنگام طراحی ساپورت میکنن؟
reboot: شبیه به css reset هستش، یک سری پیش فرض های css رو شامل میشه.
grid: شبکه بندی سطری ستونی و واکنشگرایی که در بوت استرپ ازش استفاده میشه.
utilities: به معنی کلاس های سودمند، کلاس هایی که معمولا شامل یک یا دو تا دستور css میشن. مثال های بخش مرتبط رو ببینید تا بهتر متوجه بشید (https://getbootstrap.com/docs/5.0/utilities/borders/)
bundle: هم شامل bootstrap.js میشه، هم شامل popper میشه (خود popper هم که برای دیدن بهتره حالت title هستش. https://popper.js.org/)
esm: این رو بخونید https://getbootstrap.com/docs/5.0/getting-started/javascript/#using-bootstrap-as-a-module
بوت استرپ خودش از یک مجموعه css ها و js ها تشکیل میشه. هر یک از این ها، از بخش های مختلفی تشکیل میشن.
از اونجایی که هر کدوم از این موارد به خوبی سازماندهی شدن، ممکنه فردی بخواد در پروژه خودش، یکی از این بخش های سازماندهی شده رو بکار بگیره و نخواد از کل مجموع بوت استرپ استفاده کنه. پس میاد همون تک بخش یا دو بخش رو بکار می گیره.
reboot => وقتی بخواید از این مجموعه مقادیر پیش فرض css استفاده کنید. در مقابل گزینه ی css-reset یا normalize
grid => وقتی بخواید از این شیوه ی شبکه بندی و چیدمان عناصر بصورت واکنشگرا به تنهایی استفاده کنید.
utilities => این مجموعه کلاس های کوچک و تک کاربردی رو بکار بگیرید.
bundle => طبق توضیح بالا. جای دو تا فایل مجزای js، همین یکی رو میذارید.
esm => بالا ارجاع دادم.
سرزنده باشید 👍
هر قدر با خود css و بوت استرپ آشنایی تجربی بیشتری داشته باشین، توضیحات من براتون گویاتر میتونسته باشه.
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟