如何在最新的Angular中使用bootstrap v4?

时间:2018-04-12 09:04:10

标签: angular npm

npm install --save bootstrap 

制作新版本的bootstrap ..但我更擅长使用v4而不是这个。

如何以角度安装特定版本但不安装最新版本?

4 个答案:

答案 0 :(得分:1)

通过npm安装bootstrap

npm Install bootstrap@4.0.0-beta  --save

在angular-cli.json文件中设置

"styles": [
         "styles.css",
         "../node_modules/bootstrap/dist/css/
          bootstrap.min.css"
 ],

答案 1 :(得分:0)

你必须这样做

npm install bootstrap@4.0.0-beta --save

基本上

npm install bootstrap@<versionno> --save

bootstrap-v4-dev

答案 2 :(得分:0)

试试这个

npm install bootstrap@4 --save

答案 3 :(得分:0)

您必须在packaage.json文件中将依赖项重新编写为带有版本的引导程序。如下::

&#34;依赖&#34;:{     &#34; @ angular / animations&#34;:&#34; ^ 5.0.0-rc.1&#34;,     &#34; @ angular / common&#34;:&#34; ^ 5.0.0-rc.1&#34;,     &#34; @ angular / compiler&#34;:&#34; ^ 5.0.0-rc.1&#34;,     &#34; @ angular / core&#34;:&#34; ^ 5.0.0-rc.1&#34;,     &#34; @ angular / forms&#34;:&#34; ^ 5.0.0-rc.1&#34;,     &#34; @ angular / http&#34;:&#34; ^ 5.0.0-rc.1&#34;,     &#34; @ angular / platform-b​​rowser&#34;:&#34; ^ 5.0.0-rc.1&#34;,     &#34; @ angular / platform-b​​rowser-dynamic&#34;:&#34; ^ 5.0.0-rc.1&#34;,     &#34; @ angular / router&#34;:&#34; ^ 5.0.0-rc.1&#34;,     &#34; @ ng-bootstrap / ng-bootstrap&#34;:&#34; ^ 1.0.0-beta.5&#34;,     &#34; angularfire2&#34;:&#34; ^ 5.0.0-rc.2&#34;,     &#34; bootstrap&#34;:&#34; ^ 4.0.0-beta&#34;,     &#34; core-js&#34;:&#34; ^ 2.4.1&#34;,     &#34; firebase&#34;:&#34; ^ 4.4.0&#34;,     &#34; jquery&#34;:&#34; ^ 3.2.1&#34;,     &#34; popper.js&#34;:&#34; ^ 1.12.5&#34;,     &#34; rxjs&#34;:&#34; ^ 5.4.2&#34;,     &#34; zone.js&#34;:&#34; ^ 0.8.14&#34;   } 或者你这样做。 npm install bootstrap @ 4 --save-dev