Angular 4: Ako zahrnúť Bootstrap?

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,

  <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 bootstrap@4.0.0-alpha.5 --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";