Angular'a 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