angular - Bootstrap 样式不适用于我的 Angular 2 项目

Question

我在 angular-cli.json - 样式中添加了 bootstrap css。未将 Bootstrap 样式应用于我的项目。我添加了 package.json 并安装了 npm。如何解决？

Angular -cli.json

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

包.json

 "dependencies": {
    "bootstrap": "^4.0.0-beta.2"
 }

Answer 1

1. 无需更新或重新安装您的 Bootstrap ，只需执行下面提到的步骤即可

2. 在样式数组中打开 angular-cli.json 并像这样指定 Bootstrap 的路径:

   Angular -cli.json:

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

3. 打开您的 style.css 并将其粘贴到顶部:

   @import url("../node_modules/bootstrap/dist/css/bootstrap.min.css")