随着最近发布引导程序 3,并且字形被合并回主 Bootstrap 存储库,引导CDN现在正在服务完整的 Bootstrap 3.0 css,包括 Glyphicons。 Bootstrap css 参考就是您需要包含的全部内容:Glyphicons 及其依赖项位于 CDN 站点上的相对路径上,并在bootstrap.min.css
.
In html:
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
In css:
@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css");
这是一个工作demo.
Note你必须使用.glyphicon
类而不是.icon
:
Example:
<span class="glyphicon glyphicon-heart"></span>
另请注意你仍然需要包括bootstrap.min.js
有关 Bootstrap JavaScript 组件的使用,请参阅引导CDN对于网址。
如果你想单独使用 Glyphicons,您可以通过直接引用 Glyphicons css 来做到这一点引导CDN.
In html:
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
In css:
@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");
自从css
文件已包含所有所需的 Glyphicons 依赖项(位于 Bootstrap CDN 站点上的相对路径中),添加css
文件就是开始使用 Glyphicons 所需要做的全部工作。
这是一个工作demo没有 Bootstrap 的 Glyphicons。