随着Bootstrap3的最新发行版以及glyphicons被合并回Bootstrap主仓库中,BootstrapCDN现在正在为 包括Glyphicons在内的完整Bootstrap 3.0 css
提供服务。您需要包括Bootstrapcss参考:Glyphicons及其依赖项位于CDN站点上的相对路径上,并在中进行了引用
bootstrap.min.css。
在html中:
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
在CSS中:
@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css");
这是一个工作 示例 。
请注意 ,您必须使用
.glyphicon类而不是
.icon:
例:
<span ></span>
另请注意 ,您仍需要包括
bootstrap.min.jsBootstrap Javascript组件的使用,有关URL
,请参见Bootstrap CDN。
如果要单独使用Glyphicons ,则可以通过直接引用BootstrapCDN上的Glyphicons css来实现。
在html中:
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
在CSS中:
@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");
由于该
css文件已经包含所有需要的Glyphicons依赖项(位于BootstrapCDN站点的相对路径中),因此添加
css文件就是开始使用Glyphicons的全部工作。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)