افزودن کتابخانه و تم و قالب و استایل جدید به بوتسترپ 4

شما ترتیب اینکلود کردن فایلای جدید رو رعایت کنین (بعد از بقیه اینکلودها قرار بدین)و کدهارو استفاده کنین مشکلی نخواهید داشت.

متشکر از آقا @reza.shahidi
مسئله ای که هست اینه که میخوام به طور کلی در در کلمه کلاس های پیشفرض مربوط به بوتسترپ جایگزین بشه. بطور مثال اگر در کدی به صورت زیر بود بطور خودکار کلاس های radio - checkbox - inputbox و.. که برای پیشفرض بوتسترپ هستند فراخونی بشه.
<div class="controls">
<label for="product_option" id="product_option" class="radio">
<input type="checkbox" name="product_option" id="product_option" value="34" class="inputbox" size="1" data-product-بله
</label>
</div>
با تشکر از راهنماییتون

همونطور که تو پیام بالا اشاره شد باید ترتیب فایل ها رو رعایت کنید. هر فایل css یا js کاستومی که دارید بعد فایل اصلیتون قرار بدید. نکته دیگه هم که وجود داره اینه که اولا سلکتور رو درست بنویسید و ثانیا باید دقیقا همون سلکتور باشه.
مثلا اگر تو کدهای بوتسرتپ به فرض مثال همچین چیزی داریم:

 .myContainer .myDiv .MyItem{
    font-size: 20px;
}

شما هم برای تغییر این خصوصیت دقیقا باید سلکتور رو کامل بنویسید:

 .myContainer .myDiv .MyItem{
    font-size: 30px;
}

اگر نخواستی کامل بنویسی باید ایمپورتنت کنی:

 .MyItem{
    font-size: 30px;
}

در ضمن یادت هم باشه که وقتی داری این تغییر رو می دی در کل پروژه این تغییرات اعمال می شه ولی اگر یه زمانی خواستی مثلا یه صفحه یا بخش خاصی باشه که اون تغییرات داخلش لحاظ بشه می تونی یه div با ایدی مشخصی رو بسازی و این المنت ها رو داخلش بریزی و اینطوری selector رو بنویسی:

 #mySection .myContainer .myDiv .MyItem{
    font-size: 30px;
}

اینطوری دیگه کل پروژه ات کاستوم نمی شه. و یا حتی می تونی راحت تر کار کنی و مثلا یه کلاس به اسم custom داشته باشی که اگر به یه کلاس بوت استرپی اضافه شد اعمال بشه:

 .myContainer .myDiv .MyItem.custom{
    font-size: 30px;
}

از این تم هم می تونی استفاده کنی
mdbootstrap

از توضیحات کاملتون خیلی خیلی ممنونم جناب @SeyedMH.Mosavi
تمی که فرمودید (mdbootstrap) هم دیده بودم اون هم نتونستم به درستی اینکلود کنم و در اون شیوه نصب از طریق npm زده بود!
همانطور که تشریح کردید من قصد دارم تمی که وارد میکنم بطور کامل override بشه بروی استایل پیشفرض. و دیگه نخوام تک تک المان ها رو مجدد کلاس دهی کنم. بر اساس همون کلاس های پیشفرض بوتسترپ خام در کل سایتم اعمال بشه.
با توجه به این تفاسیر ممنون میشم اساتید و دوستان سورسی که کلاس کاستوم و سفارشی نداشته باشه معرفی کنند و یا راهکار مناسب رو پیشنهاد بدن.

سپاس فراوان

الزامی نداره که حتما از پکیج منیجرها استفاده کنی. می تونی فایل های css و js رو از تو خود سایت دانلود کنی و یا از cdn استفاده کنی و البته پکیج منیجرها هم هستند.
همین بوت استرپ متریال که لینکش رو بهت دادم داخلش یه بخشی هست که می تونی کلش رو دانلود کنی و داخل فایل فشرده رو باز کنی و هر کدوم رو که دوست داشتی برداری بیاری تو پروژه ات بندازی.
البته این به اصلاح تمی که معرفی کردم خودش به تنهایی کار می کنه و نیازی نیست که کنار بوت استرپ قرارش بدی. یعنی کلا بوت استرپ رو حذف می کنی و این رو به جاش می ذاری. تا اونجا که یادمه. مطمئن نیستم.
اگر هم خواستی override کنی کامل توضیحش رو دادم و می تونی از هر روشی که دوست داشتی بری جلو