无法在角度6中添加引导4

删去 "../node_modules/bootstrap/dist/css/bootstrap.min.css", 在角落里。json。

尝试添加此 @import "~bootstrap/dist/css/bootstrap.css"; 符合您的风格。css文件。

裁判: Styling Angular CLI v6 apps with Bootstrap

如果这个项目有一个像Karma这样的测试者。json文件有两种属性样式:

1-项目->项目名称->建筑师->构建->选项

2-项目->项目名称->建筑师->测试->选项

也许您只是在测试部分更改了样式,而构建部分有旧的样式。

在 角度6 您可以将引导添加到两个文件:

1. 内部 有棱角的json :

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

2. 内部 有棱角的json :

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

3. 内部 风格。css :

   /* You can add global styles to this file, and also import other style files */
   @import "~bootstrap/dist/css/bootstrap.css";
   

笔记 :如果使用第一种或第二种方式,则需要取消正在运行的应用程序,也就是说,如果 ng发球 如果处于活动状态,则必须使用退出应用 Ctrl + C ,但在第三种方式中,不需要取消应用程序。

在新版angular中,使用 node\u模块/引导/dist/css/引导。min.css 而不是 ../node_modules/bootstrap/dist/css/bootstrap。min.css

所以在角度上。json文件样式属性如下所示

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

注: 如果 ng发球 已在运行,则在执行上述更改后,您可能需要停止并再次运行它。快乐编码:)

在angular中,我们必须添加我们安装的引导程序的方向。
这意味着在angular中使用bootstrap的步骤如下。

1. npm install bootstrap

然后我们必须以角度添加路径。json如下

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