Aš esu backend kūrėjas ir tik žaidžiu su "Angular4". Taigi aš padariau šią diegimo pamoką:
Atsižvelgiant į tai, kaip galėčiau pridėti bootstrap į programą, kad galėčiau naudoti klasę "container-fluid" arba "col-md-6" ir panašiai?
npm install --save bootstrap
po to angular-cli.json (projekto šakniniame aplanke) raskite styles
ir pridėkite bootstrap css failą taip:
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.css"
],
Atnaujinimas:
angular 6+ versijoje angular-cli.json
buvo pakeistas į angular.json
.
Naudodami Angular4 sistemą @tipai, turėtumėte atlikti šiuos veiksmus,
Atlikti,
1) npm install --save @types/jquery
2) npm install --save @types/bootstrap
tsconfig.json
ieškokite types masyvo ir pridėkite jquery ir bootstrap įrašus,
"types": [
"jquery",
"bootstrap",
"node"
]
Index.html
į antraštės skiltį pridėkite šiuos įrašus,
<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>
Ir pradėkite naudoti jquery ir bootstrap.
Vykdykite šią komandą savo projekte, t. y. npm install [email protected] --save
Įdiegę pirmiau nurodytą priklausomybę, paleiskite šią npm komandą, kuri įdiegs bootstrap modulį npm install --save @ng-bootstrap/ng-bootstrap
Patikrinkite šią nuorodą - https://github.com/ng-bootstrap/ng-bootstrap
Į app.module pridėkite šį importą import {NgbModule} from '@ng-bootstrap/ng-bootstrap'; ir į importą įtraukite NgbModule
Į savo stye.css @import "../node_modules/bootstrap/dist/css/bootstrap.min.css";