Question

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

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

我已经完成了官方文档中所说的所有事情，安装依赖项，将"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",
          ],
     }  
  }
}

如何在stackblitz.com中使用ngx-bootstrap而不使用<link href>导入bs css？

3 个答案: