Jeg er en backend-utvikler, og jeg leker bare med Angular4. Så jeg gjorde denne installasjonsveiledningen:
Gitt dette, hvordan kan jeg legge til bootstrap i appen slik at jeg kan bruke klassen "container-fluid" eller "col-md-6" og sånt?
npm install --save bootstrap
etterpå, inne i angular-cli.json (inne i prosjektets rotmappe), finn styles
og legg til bootstrap css-filen slik:
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.css"
],
UPDATE:
i angular 6+ angular-cli.json
ble endret til angular.json
.
I Angular4 når du arbeider med @types-systemet, bør du gjøre følgende ting,
Gjøre,
1) npm install --save @types/jquery
2) npm install --save @types/bootstrap
tsconfig.json
se etter types array og legg til jquery og bootstrap oppføringer,
"types": [
"jquery",
"bootstrap",
"node"
]
Index.html
legg til følgende oppføringer i hoveddelen,
<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>
Og begynn å bruke jquery og bootstrap begge.
Kjør følgende kommando i prosjektet ditt, dvs. npm install [email protected] --save
Etter å ha installert avhengigheten ovenfor, kjør følgende npm-kommando som vil installere bootstrap-modulen npm install --save @ng-bootstrap/ng-bootstrap.
Sjekk ut dette for referansen - https://github.com/ng-bootstrap/ng-bootstrap
Legg til følgende import i app.module import {NgbModule} fra '@ng-bootstrap/ng-bootstrap'; og legg til NgbModule i importene
I din stye.css @import "../node_modules/bootstrap/dist/css/bootstrap.min.css";