在Project

Question

我想使用glyphicon glyphicon-info-sign

为此我使用下面的代码

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

这对我有用。

当我从上面的网址复制CSS并在我的项目bootstrap.min.css文件夹中创建一个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文件中的路径

Answer 2

从CDN复制的CSS文件使用相对路径来查找您遇到错误的资源。不要直接从CDN-s复制依赖项。尝试通过依赖处理程序获取它们，或者按照文档中的描述添加它们。

Answer 3

您提到的bootstrap CSS（非缩小版）是指几个字体文件，如下所示：

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

这意味着您需要将这些“字体文件”放在名为fonts的目录中与引导程序css文件相同的级别。

由于您使用的是缩小版本（.min.css），因此请勿尝试更改css文件中的路径，而是将必要的字体文件放在css要查找的位置。