栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

Bootstrap 3 Glyphicons CDN

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Bootstrap 3 Glyphicons CDN

随着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.js
Bootstrap 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的全部工作。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/623886.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号