Как использовать ngx-bootstrap в stackblitz.com без использования <link href> для импорта 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.но стиль просто не отображается.

Может ли кто-нибудь сказать мне правильный способ использования стиля ngx-bootstrap в stackblitz?

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

npm i bootstrap и затем вы редактируете файл angular.json

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

Answer 3

Вы можете просто обновить свой index.html следующим образом:

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

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

Привет