无法在 VS Code 中链接我的 CSS Bootstrap 文件

【问题标题】：Cannot link my CSS Bootstrap file in VS Code无法在 VS Code 中链接我的 CSS Bootstrap 文件
【发布时间】：2018-06-30 10:35:38
【问题描述】：

我无法在 VS Code 中将我的引导文件链接到我的 HTML，因为我已经链接了它，所以它不起作用。

【问题讨论】：

您可以使用此入门指南之一valor-software.com/ngx-bootstrap/#/getting-started

标签： css angular visual-studio-code bootstrap-4

【解决方案1】：

如果这是一个 angular-cli 项目，并且您想在整个项目中使用引导程序，正确的方法是通过 npm 安装它，例如：

npm install bootstrap --save

然后确保文件引用位于样式和脚本下的 angular-cli.json 文件中：

  "styles": [
    "../node_modules/bootstrap/scss/bootstrap.css",
    ....
    ...
    "styles.css"
  ],
  "scripts": [
    "../node_modules/bootstrap/dist/js/bootstrap.bundle.js"
    ....
    ..
  ],

【讨论】：

【解决方案2】：

试试这个

<link href="./bootstrap.css" rel="stylesheet" type="text/css">

【讨论】：

【解决方案3】：

尝试像这样在您的样式表 (CSS/SCSS) 中导入：

@import '~bootstrap/scss/bootstrap-reboot';

@import '~bootstrap/scss/bootstrap-grid';

【讨论】：