Som backend developer a práve sa hrám s Angular4. Tak som urobil tento návod na inštaláciu:
Vzhľadom na to, ako môžem pridať bootstrap do aplikácie, aby som mohol používať triedu "container-fluid" alebo "col-md-6" a podobne?
npm install --save bootstrap
potom v súbore angular-cli.json (v koreňovom priečinku projektu) nájdite styles
a pridajte súbor bootstrap css takto:
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.css"
],
UPDATE:
v angular 6+ bol súbor angular-cli.json
zmenený na angular.json
.
V systéme Angular4 by ste pri práci so systémom @types mali vykonať nasledujúce činnosti,
Urobiť,
1) npm install --save @types/jquery
2) npm install --save @types/bootstrap
tsconfig.json
vyhľadajte pole types a pridajte položky jquery a bootstrap,
"types": [
"jquery",
"bootstrap",
"node"
]
Index.html
v sekcii head pridajte nasledujúce položky,
<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>
A začnite používať jquery a bootstrap.
Spustite vo svojom projekte nasledujúci príkaz, t. j. npm install [email protected] --save
Po nainštalovaní uvedenej závislosti spustite nasledujúci príkaz npm, ktorý nainštaluje modul bootstrap npm install --save @ng-bootstrap/ng-bootstrap
Pozrite si tento odkaz - https://github.com/ng-bootstrap/ng-bootstrap
Pridajte nasledujúci import do app.module import {NgbModule} from '@ng-bootstrap/ng-bootstrap'; a pridajte NgbModule do importov
Vo vašom súbore stye.css @import "../node_modules/bootstrap/dist/css/bootstrap.min.css";