angular - 如何在stackblitz.com中使用ngx-bootstrap而不使用a来导入bs css？

Question

这是我的 stackblitz.com 演示： https ://stackblitz.com/edit/ngx-bs-test

我需要添加<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">到我使用的每个 html 文件中。

我已经完成了官方文档所说的所有事情，安装依赖项，添加"node_modules/bootstrap/dist/css/bootstrap.min.css",到 angular.json。但只是没有显示样式。

谁能告诉我在 stackblitz 中使用 ngx-bootstrap 样式的正确方法？

Answer 1

您可以按照官方文档并angular.json像这样添加引导程序

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

https://stackblitz.com/edit/ngx-bs-test-mc1rqy?file=angular.json

Answer 2

你可以像这样更新你的 index.html：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" 
rel="stylesheet">

<my-app>loading</my-app>

问候

Answer 3

npm i bootstrap然后你编辑 angular.json 文件

"architect": {
  "build": {
     "options": {
         "styles": [
              "node_modules/bootstrap/dist/css/bootstrap.min.css",
              "src/styles.scss",
          ],
     }  
  }
}