Önceki yazılarımızda angular'ı ne olduğundan neler yapılabildiğinden bahsetmiştik Bu içeriğimizde ise angular projemize boostrap dahil etmeyi göreceğiz
Bildiğiniz üzere boostrap bir css kütüphanesidir twitter tarafından geliştirilmiştir.Projemize ekleyerek içerisinde hazır olarak barındırdığı sınıfları alertlerı modalları etc kullanabiliriz Böylelikle sayfamıza istediğimiz özellikleri kazandırmış oluruz .
Bootstrap’ı herhangi bir paketleme-yöneticisi(Package manager) kullanarak indirebilirsiniz.
Bir terminal açıp projenizin bulunduğu dizine gittikten sonra, terminalde npm install bootstrap — save komutunu yazıp çalıştırın. Bu komut Bootstrap’ın son versiyonunu projenizin içindeki node_modules klasörüne indiricektir. –save bootstrap’ın ayrıca package.json dosyasına kaydedilmesine de yarıyor.
İndirme işlemimizi yaptık ama işimiz henüz bitmedi. Bootstrap’ı projeye dahil (import) etmemiz gerekiyor.
1.si angular.json dosyasının içinde styles diye bir dizi bulunuyor. Bu dizinin içine indirdiğimiz Bootstrap’ın adresini veriyoruz veya
styles.css ya da styles.scss dosyalarına indirdiğimiz Bootstrap’ı dahil(import) ediyoruz. Bunu
kod satırını üst kısma koyarak yapıyoruz.
ÖRNEK PROJE
No comments:
Post a Comment