twitter-bootstrap - 我可以从 CDN 获取 Bootstrap Glyphicons 吗？

Question

我是 BS 的新手。我正在从 MaxCDN 检索 v3.3.6 的 Bootstrap CSS 和 JS 文件。我希望有一种方法也可以包含字形图标，但我不知道该怎么做。是否可以从 CDN 检索字形图标？

还有，我不明白Bootstrap download page是什么表示当它提到“预编译 Bootstrap ”时，为什么我想要预编译下载与 MaxCDN 下载。我看到预编译提供了字形图标，所以也许这是唯一的原因。

Answer 1

如果包含样式表 bootstrap.min.css在您的 HTML 文件中像这样(例如):

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" type="text/css" rel="stylesheet">

然后 Glyphicons 字体将自动从同一位置下载:

//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.eot
//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.svg
//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.ttf
//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.woff
//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.woff2

这是因为字体是使用 加载的。相对 网址。当 bootstrap.min.css 中的 CSS解析后，下载它的 URL 用作基础，而不是您网站的 URL。

关于 预编译 Bootstrap :如果您想在自己的 Web 服务器上托管文件(出于某种原因)，这很有用。它们以 zip 文件的形式提供，其中包含上述行为所需的正确目录结构，以便开箱即用。它被标记为预编译，因为您也可以下载源文件。尽管 CSS 和 JavaScript 文件本身被视为源文件，但 Bootstrap 使用 预编译器 在其 CSS 上，以使他们更容易编写大文件。他们还使用了几个较小的 JavaScript 文件，这些文件合并在一起以通过构建脚本发布。你可以在 their GitHub repository 上看到这个。 .