首页 > web前端 > css教程 > 如何使用 CDN 将 Glyphicons 包含在 Bootstrap 3 项目中?

如何使用 CDN 将 Glyphicons 包含在 Bootstrap 3 项目中?

DDD
发布: 2024-11-03 20:57:29
原创
268 人浏览过

How to include Glyphicons in your Bootstrap 3 project using a CDN?

Bootstrap 3 Glyphicons CDN

将 Glyphicons 添加回 Bootstrap 3 存储库后,通过 CDN 访问它们现在比以往任何时候都更容易

将 Bootstrap CDN 与 Glyphicons 结合使用

更新后的 Bootstrap CSS 文件现在包含 Glyphicons 及其依赖项。要将它们包含在您的项目中,您只需引用 Bootstrap 的 CDN:

在 HTML 中:

<code class="html"><link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"></code>
登录后复制

在 CSS 中:

<code class="css">@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css");</code>
登录后复制

请记住对 Glyphicon 元素使用“.glyphicon”类而不是“.icon”。

单独使用 Glyphicons

如果您想使用Glyphicons 无需 Bootstrap 的其余部分,您可以直接引用 Bootstrap CDN 上的 Glyphicons CSS 文件:

在 HTML 中:

<code class="html"><link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet"></code>
登录后复制

在 CSS 中:

<code class="css">@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");</code>
登录后复制

请注意,此方法仅包含 Glyphicons CSS,不会加载 Bootstrap 的 JavaScript 或其他依赖项。

以上是如何使用 CDN 将 Glyphicons 包含在 Bootstrap 3 项目中?的详细内容。更多信息请关注PHP中文网其他相关文章!

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