"Angular 4": kaip įtraukti "Bootstrap"?

Question

Daugiau

Šaltinis Ne AMP versija Redaguoti

Aš esu backend kūrėjas ir tik žaidžiu su "Angular4". Taigi aš padariau šią diegimo pamoką: https://www.youtube.com/watch?v=cdlbFEsAGXo.

Atsižvelgiant į tai, kaip galėčiau pridėti bootstrap į programą, kad galėčiau naudoti klasę "container-fluid" arba "col-md-6" ir panašiai?

Programavimas

angular twitter-bootstrap

priešpietr balandis 2017 в 9:05

6 peržiūros

Egor Stambakio · Answer 1 · 2017-04-22T09:11:28+00:00

Šaltinis Ne AMP versija Redaguoti

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.

158

0

Komentarai (8)

micronyks · Answer 2 · 2017-04-22T09:22:57+00:00

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,


  <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.

Jinesh · Answer 3 · 2017-06-24T10:18:48+00:00

Vykdykite šią komandą savo projekte, t. y. npm install bootstrap@4.0.0-alpha.5 --save

Įdiegę pirmiau nurodytą priklausomybę, paleiskite šią npm komandą, kuri įdiegs bootstrap modulį npm install --save @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";