Ik'ben een backend ontwikkelaar en ik'ben gewoon aan het spelen met Angular4. Dus ik deed deze installatie tutorial:
Gegeven dit, hoe kan ik bootstrap toevoegen aan de app, zodat ik de klasse "container-fluid" of "col-md-6" en dat soort dingen kan gebruiken?
npm install --save bootstrap
daarna, in angular-cli.json (in de hoofdmap van het project's), zoek styles
en voeg het bootstrap css bestand toe zoals dit:
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.css"
],
UPDATE:
In angular 6+ is angular-cli.json
veranderd in angular.json
.
In Angular4 moet u, als u te maken hebt met @types systeem, de volgende dingen doen,
Doen,
1) npm install --save @types/jquery
2) npm install --save @types/bootstrap
tsconfig.json
zoek naar types array en voeg jquery en bootstrap items toe,
"types": [
"jquery",
"bootstrap",
"node"
]
Index.html
voeg in de hoofdsectie de volgende items toe,
<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>
En begin met jquery en bootstrap beide te gebruiken.
Voer het volgende commando uit in uw project, d.w.z. npm install [email protected] --save
Na het installeren van de bovenstaande afhankelijkheid voert u het volgende npm commando uit dat de bootstrap module zal installeren npm install --save @ng-bootstrap/ng-bootstrap
Bekijk dit voor de referentie - https://github.com/ng-bootstrap/ng-bootstrap
Voeg de volgende import toe aan app.module import {NgbModule} from '@ng-bootstrap/ng-bootstrap'; en voeg NgbModule toe aan de imports
In uw stye.css @import "../node_modules/bootstrap/dist/css/bootstrap.min.css";