Angular'a bootstrap ekleme

angulara bootstrap ekleme

Angular da bootstrap kütüphanesini eklemek için

https://getbootstrap.com/ adresinden son sürümünü bulabilirsiniz.

Siteye girdikten sonra

npm i bootstrap@5.3.0-alpha1 burada @ işaretinden sonraki kısımın boostrap kütüphanesinin verisyonunu gösterir. bunu projenizde terminal kısmınıda yazarak enter a bastıgınız kütüphane eklenicektir. Fakat işlem burda bitmiyor.

 

Daha sonra

style.css dosyasını içerisine import etmemiz gerekmektedir.

@import "~bootstrap/dist/css/bootstrap-grid.min.css";

angular.json dosyasında scripts içerisine bootstrap yolunu göstermemiz gerekmektedir

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

bunuda yaptıktan sonra bootstrap kütüphanesi eklenmiştir.

 

Angular'a bootstrap ekleme
Paylaş: