Twitter bootstrap 我可以从CDN获取引导图标吗？

我是个新手。我正在从MaxCDN检索3.3.6版的引导CSS和JS文件。我希望有一种方法也能包含字形图标，但我不知道怎么做。是否可以从CDN中检索图标

---

另外，我不明白当它提到“预编译引导”时意味着什么，为什么我想要预编译下载而不是MaxCDN下载。我看到预编译提供了字形图标，所以这可能是唯一的原因

关于Glythicon问题

使用新版本的bootstrap（bootstrap 4）；糖精已被完全去除，因此认为它们被贬低，并且尽量不要在当前或将来的项目中使用它们。话虽如此，FontAwesome是一个惊人的、轻量级的库，它有一个很好的CDN，并且非常易于使用

CDN

如果你想偷懒，你应该一直试着偷懒！使用下面的代码，就像使用任何链接一样，粘贴到项目的头部，立即开始使用它

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

FontAwesome是一个广泛的字体图标库，您可以通过类调用将其添加到任何DOM元素中。它对浏览器也非常友好，不需要任何javascript即可工作

以下是入门指南：

以下是图标列表：

关于预编译vs CDN问题

如果您不打算为您的项目以任何方式修改库（通常您不应该这样做），那么最好使用CDN，而不是手动将其下载到您的项目中。您将获得显著的性能提升，并减轻git回购的负担

预编译版本的另一个好处是，它允许您将代码直接集成到前端。如果您使用的节点任务运行程序类似于或您可以接受代码，请更改它以匹配您的主题或首选项，然后将其直接折叠到您的工作代码中。这允许您开发自己的引导风格

但是，通常标准版本很好，因为您可以稍后用自己的css覆盖它。如果这对您合适，那么只需使用CDN，因为它将为您提供标准版本的引导

---

希望这有帮助

如果在HTML文件中包含样式表

bootstrap.min.css

，例如：

这是因为字体是使用相对URL加载的。当解析

bootstrap.min.CSS

中的CSS时，下载它的URL将用作基础，而不是网站的URL

---

关于预编译引导：如果您想在自己的web服务器上托管文件（出于某种原因），这非常有用。它们作为zip文件提供，包含上述行为正常运行所需的正确目录结构。它被标记为预编译，因为您也可以下载源文件。尽管CSS和JavaScript文件本身被认为是源文件，但Bootstrap在其CSS上使用了一个预编译器，使它们更容易编写大型文件。它们还使用几个较小的JavaScript文件，这些文件通过构建脚本合并在一起发布。您可以在上看到这一点。

对于在Rails中使用引导sass gem执行此操作的任何人，您将不会在html中手动包含主引导样式表，并且您也无法重新定义$icon字体路径来完成此操作，因为域最终将被应用程序的替换

而是在导入引导后重新定义Glyphicons的@font-face声明。因此，在

样式表/application.scss

中：

@import "bootstrap-sprockets";
@import "bootstrap";

@font-face{
  font-family:'Glyphicons Halflings';
  src:url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.eot");
  src:url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"),
  url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.woff2") format("woff2"),
  url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.woff") format("woff"),
  url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.ttf") format("truetype"),
  url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg")
}

---

我发现在使用Heroku的管道时，这是必要的，以避免为登台应用程序编译这些路径，从而导致生产应用程序指向登台以加载Glyphicons。

在导入整个引导程序时，您只能导入引导程序Glyphicons：

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css">

Bootstrap和font-awesome像盐和胡椒一样结合在一起。您应该按照将

https:

放在

标签中以获得更好的兼容性。感谢您的提示。使链接协议不可知：）由于此答案已编辑，它现在导入整个引导。

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css">