مشکل استفاده از Bootstrap در Angular

سلام برای اینکه بتونی Bootstrap 5 رو توی پروژه Angular  درست استفاده کنی، چند نکته مهم رو باید رعایت کنی

اول از همه، مطمئن شو که Bootstrap رو درست نصب کردی. میتونی با استفاده از npm این کار رو انجام بدی:

npm install bootstrap

: بعد از نصب، باید Bootstrap رو به پروژه‌ ات اضافه کنی. برای این کار، فایل angular.json رو باز کن و در بخش "styles", مسیر فایل CSS Bootstrap رو اضافه کن

"styles": [
  "node_modules/bootstrap/dist/css/bootstrap.min.css",
  "src/styles.css"
]

اگر نیاز به استفاده از JavaScript های Bootstrap داری (مثل منوها و مودال‌ها)، باید فایل‌های JavaScript Bootstrap رو هم به پروژه اضافه کنی. این کار رو میتونی به همین صورت انجام بدی

"scripts": [
  "node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
]

بعد مطمئ شو که Angular CLI رو دوباره کانفیگ کنی تا تغییرات اعمال بشن. برای این کار میتونی پروژه رو ریستارت کنی:

ng serve

با رعایت این نکات، باید بتونی به راحتی از Bootstrap  توی Angular استفاده کنی و استایل‌ها درست نمایش داده بشن. اگر بازم مشکلی داشتی، حتما سوالت رو مطرح کن. امیدوارم این کمک کنه 🌟