I'sou um desenvolvedor backend e I'estou apenas brincando com Angular4. Então eu fiz este tutorial de instalação:
Dado isto, como posso adicionar bootstrap ao aplicativo para que eu possa usar a classe "container-fluid" ou "cold-md-6" e coisas assim?
npm install --save bootstrap
depois, dentro do arquivo angular-cli.json (dentro da pasta raiz do projeto's), encontre styles
e adicione o arquivo css bootstrap como este:
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.css"
],
UPDATE:
em angular 6+ angulares-cli.json
foi alterado para angular.json
.
Em Angular4 como você lida com @tipos sistema, você deve fazer as seguintes coisas,
Faça,
1) npm install --save @types/jquery
2) npm install --save @types/bootstrap
**tsconfig.json***
procure por tipos e adicione jquery e **bootstrap*** entradas,
"types": [
"jquery",
"bootstrap",
"node"
]
**Index.html***
na secção da cabeça adicionar as seguintes entradas,
<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>
E começar a usar jquery e bootstrap ambos.
Execute o seguinte comando no seu projeto, ou seja **npm install [email protected] --save***
Após instalar a dependência acima execute o seguinte comando npm que irá instalar o módulo bootstrap npm install --save @ng-bootstrap/ng-bootstrap
Confira a referência - https://github.com/ng-bootstrap/ng-bootstrap
Adicione a seguinte importação ao app.module import {NgbModule} from '@ng-bootstrap/ng-bootstrap' e adicione o NgbModule às importações
No seu stye.css @import "../node_modules/bootstrap/dist/css/bootstrap.min.css";