首页 > web前端 > css教程 > 如何在最新版本中使用 Bootstrap 3 Glyphicons?

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

Mary-Kate Olsen
发布: 2024-11-03 14:29:02
原创
480 人浏览过

How Can I Use Bootstrap 3 Glyphicons with the Latest Release?

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板