Ben bir arka uç geliştiricisiyim ve Angular4 ile yeni yeni oynuyorum. Bu yüzden bu kurulum eğitimini yaptım:
Bu durumda, "container-fluid" veya "col-md-6" sınıfını kullanabilmek için uygulamaya nasıl bootstrap ekleyebilirim?
npm install --save bootstrap
Daha sonra angular-cli.json içinde (projenin kök klasörü içinde) styles
dosyasını bulun ve bootstrap css dosyasını aşağıdaki gibi ekleyin:
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.css"
],
GÜNCELLEME:
angular 6+da
angular-cli.json**angular.json
olarak değiştirildi**.
Angular4'te @types** sistemi ile uğraşırken aşağıdakileri yapmalısınız,
Yap,
1) npm install --save @types/jquery
2) npm install --save @types/bootstrap
tsconfig.json
types dizisini arayın ve jquery ve bootstrap** girdilerini ekleyin,
"types": [
"jquery",
"bootstrap",
"node"
]
Index.html
başlık bölümüne aşağıdaki girişleri ekleyin,
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="node_modules/jquery/dist/jquery.min.js "></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.js "></script>
Ve jquery ve bootstrap kullanmaya başlayın.
Projenizde aşağıdaki komutu çalıştırın, yani npm install [email protected] --save
Yukarıdaki bağımlılığı yükledikten sonra bootstrap modülünü yükleyecek olan aşağıdaki npm komutunu çalıştırın npm install --save @ng-bootstrap/ng-bootstrap
Referans için şuna göz atın - https://github.com/ng-bootstrap/ng-bootstrap
Aşağıdaki içe aktarımı app.module dosyasına ekleyin import {NgbModule} from '@ng-bootstrap/ng-bootstrap'; ve NgbModule öğesini içe aktarımlara ekleyin
Stye.css dosyanızda @import "../node_modules/bootstrap/dist/css/bootstrap.min.css";