如何使用 Bootstrap 3.0 CDN 包含更新的 Glyphicons？

Bootstrap 3.0 CDN 包括更新的 Glyphicons

Bootstrap Glyphicons 图标字体最近已重新集成到主 Bootstrap 存储库中，使其更容易合并到项目中。 Bootstrap CDN 现在提供完整的 Bootstrap 3.0 CSS，包括 Glyphicons。

包括 Glyphicons 的 Bootstrap CSS：

要使用 Glyphicons，只需在 HTML 中包含 Bootstrap CSS 引用即可或 CSS:

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>

注意： 对于 Glyphicons，您必须使用 .glyphicon 类而不是 .icon。

独立 Glyphicons 参考：

如果您喜欢与 Bootstrap 分开使用 Glyphicons，可以直接包含来自 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。

附加说明：

• JavaScript 组件仍然需要 Bootstrap.min.js。
• .icon 类已替换为 .glyphicon 类。
• Glyphicons 字体已更新为 40 个新图标。

以上是如何使用 Bootstrap 3.0 CDN 包含更新的 Glyphicons？的详细内容。更多信息请关注PHP中文网其他相关文章！