如何在最新版本中使用 Bootstrap 3 Glyphicons？

Bootstrap 3 Glyphicons：回到 CDN

随着 Bootstrap 3 的最新版本，Glyphicons 图标字体已恢复为主要图标存储库。为了响应社区的反馈，Bootstrap 决定让这个重要的图标库随时可供用户使用。

Bootstrap 3 Glyphicons 的 CDN URL

您现在可以包括通过在 HTML 或 CSS 中引用以下 CDN URL 来在项目中使用 Glyphicons：

//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css

注意： 此 CDN 参考包括 Bootstrap CSS 和 Glyphicons。

独立使用 Glyphicons

如果您喜欢与 Bootstrap 分开使用 Glyphicons，您可以通过引用专用的 Glyphicons CSS 文件来实现：

//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css

类名和依赖关系

在最新版本的 Bootstrap 中，图标类使用“.glyphicon”前缀而不是旧的“.icon”前缀。此外，所有必要的 Glyphicons 依赖项都包含在引用的 CSS 文件中，因此不需要额外的设置。

其他功能

除了恢复 Glyphicons 之外，更新还包括:

• 恢复文档
• 新变量可灵活添加和删除图标字体
• 升级到最新的 Glyphicons（包含 40 个新图标）
• 从 CSS 页面中删除旧的 Glyphicons 引用

结论

将 Glyphicons 恢复到 Bootstrap 简化了项目中图标的集成。无论您需要将 Glyphicons 作为 Bootstrap 的一部分还是独立使用，本文提供的 CDN URL 都将帮助您快速轻松地开始使用。

以上是如何在最新版本中使用 Bootstrap 3 Glyphicons？的详细内容。更多信息请关注PHP中文网其他相关文章！