html - CSS 未在 Project 中正确加载

Question

我想使用glyphicon glyphicon-info-sign

为此我使用下面的代码

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

这对我有用。

当我从上面的 URL 复制 CSS 并在我的元素中 css 文件夹中创建一个 bootstrap.min.css 文件并使用下面的代码时

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

但它不起作用。我在控制台上遇到以下错误

请帮我解决这个问题。

我正在使用 AngularJS，Bootstrap v3.3.7。

Answer 1

因为你只复制了 CSS 文件和丢失的字体文件(在 CDN 中，它们使用字体文件夹的相对路径)

您可以从 http://getbootstrap.com/ 下载 Bootstrap并将字体文件夹复制到您的元素。

或通过将所有 ../fonts/ 替换为完整路径 https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/< 来修复 CSS 文件中的路径