I'm ein Backend-Entwickler und I'm nur herumspielen mit Angular4. Also habe ich diese Installationstutorial:
Angesichts dieser, wie kann ich Bootstrap, um die App hinzufügen, so dass ich die Klasse "container-fluid" oder "col-md-6" und so weiter verwenden könnte?
npm install --save bootstrap
Danach suchen Sie in angular-cli.json (im Stammordner des Projekts) nach styles
und fügen die Bootstrap-Css-Datei wie folgt hinzu:
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.css"
],
UPDATE:
in angular 6+ wurde angular-cli.json
**in angular.json
geändert.
In Angular4 sollten Sie beim Umgang mit dem @types System folgende Dinge tun,
Tun,
1) npm install --save @types/jquery
2) npm install --save @types/bootstrap
tsconfig.json
nach dem Array types suchen und die Einträge jquery und bootstrap hinzufügen,
"types": [
"jquery",
"bootstrap",
"node"
]
Index.html
im Kopfbereich folgende Einträge hinzufügen,
<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>
Und fangen Sie an, jquery und bootstrap zu verwenden.
Führen Sie den folgenden Befehl in Ihrem Projekt aus, d. h. npm install [email protected] --save
Nachdem Sie die obige Abhängigkeit installiert haben, führen Sie den folgenden npm-Befehl aus, der das Bootstrap-Modul installiert npm install --save @ng-bootstrap/ng-bootstrap
Sehen Sie sich dies als Referenz an - https://github.com/ng-bootstrap/ng-bootstrap
Fügen Sie den folgenden Import in app.module import {NgbModule} from '@ng-bootstrap/ng-bootstrap'; ein und fügen Sie NgbModule zu den Importen hinzu
In Ihrer stye.css @import "../node_modules/bootstrap/dist/css/bootstrap.min.css";