BootStrap 未在网站上呈现。错误 404

Question

在 angular 中执行此操作。每次都会发生这种情况。我在 firefox 中检查了网络，检查元素，在控制台中，它显示 bootstrap Error 404

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>MeanApp</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-    alpha.5/css/bootstrap.css">

</head>   
<body>
  <div style="text-align:center">
  <app-root></app-root>
  </div>
</body>
</html>

How my site looks like

How it is supposed to look like

Answer 1

您的代码中有一个损坏的 URL，删除中间的空格：

  <link rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.5/css/bootstrap.css">

Answer 2

使用 Angular 2+ 您可以使用 cli bootstrap 包含 bootstrap

安装bootstrap：npm install --save bootstrap@4.1.3
添加依赖jquery，使用命令安装：npm install --save jquery 1.9.1
添加 @import ../node_modules/bootstrap/dist/css/bootstrap.min.css"; 到您的 style.scss 主文件。
修复漏洞：npm audit fix

或者如 Aragorn 所说，您可以直接使用 CDN

BootStrap 未在网站上呈现。错误 404

BootStrap not rendering on website. Error 404

angular-ui-bootstrap

bootstrap-modal

angular