Angular Projesine Bootstrap’i Dahil Etme

İlk olarak

npm install bootstrap

ile gerekli paketleri projemize yüklüyoruz.

Bootstrap CSS dosyasını projeye dahil etmek için angular.json dosyasında “architect” altında bulunan “styles” dizisine Bootsrap css dosyasının bulunduğu yolu veriyoruz. Aşağıdaki gibi.

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

Eğer Bootstrap’in modal, dropdown vb. js gerektiren özelliklerini de kullanmak istiyorsak angular.json dosyasının “architect” altında bulunan “styles” dizisine js dosyasının bulunduğu yolu da aşağıdaki şekilde veriyoruz.

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

Son olarak angular.json dosyasını güncelledikten sonra, Angular projenizi yeniden derlemeniz gerekiyor.

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir