css - 我的 Bootstrap CSS 链接对我不起作用？

Question

我对通常进入 HTML 文件的 Bootstrap 链接有疑问:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

它让我的导航栏看起来像:

(我至少需要10个声望才能发图片，所以我必须发直接链接) https://i.imgur.com/dANnzzG.png

删除链接后:

(我至少需要10个声望才能发图片，所以我必须发直接链接) https://i.imgur.com/EpnZCeK.png

但是正如您在图 2 中看到的那样，如果我没有链接，导航栏下方的内容将不再位于正确的位置。请帮忙。

编辑:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<div class="row">
  <div class="col-6">
      <app-list-employees></app-list-employees>
</div>
  <div class="col-6">
     <div><app-book-employee></app-book-employee></div>
     <p></p>
    <div><app-calendar-books></app-calendar-books></div>
  </div>
</div>

这是组件的代码。

Answer 1

在元素的根目录中是 angular.json 文件。 如果您想使用 CDN 进行引导(就像您现在使用的那样)，请在此文件中查找样式对象(可能在第 25 行和第 35 行之间)，您可以在其中添加链接。它应该是这样的:

 "projects": {
      "architect": {
        "build": {
          "styles": [
            "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
          ]
        }
      }
    }