Question

做到有角度。每次都会发生这种情况。我在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包含引导程序

安装引导程序：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

2 个答案: