Bootstrap 3 Glyphicons CDN

2023-11-25

注意!

Bootstrap 图标又回来了 after 这个拉取请求合并.


经过过去几周的反复思考,我决定将 Glyphicons 图标字体恢复到主存储库。考虑到图标在 UI 中的流行程度,如果不将它们(或其他一些图标字体)包含在与 CSS 和 JS 相同的位置,对大多数人来说可能是一种伤害。

此次更新带来以下内容:

  • 恢复文档(在“组件”页面上)
  • 新变量,@icon-font-path and @icon-font-name,灵活添加和删除图标字体
  • 升级到最新的 Glyphicons(添加 40 个新图标)
  • 删除CSS 页面中提到的旧 Glyphicons

将来我们将致力于改进图标字体的自定义,以便交换字体库可以更容易(这是最初删除的全部动机)。


新版 Twitter Bootstrap Glyphicons 的 CDN url 是哪个?

来自引导程序 3它们被移动到一个单独的存储库中,但我没有找到任何 CDN。

来自官方文档:

随着 Bootstrap 3 的推出,图标已移至单独的存储库。这使得主项目尽可能精简,使人们更容易交换图标库,并使 Glyphicons 图标字体更容易被 Bootstrap 之外的更多人使用。

On the 官方网站他们不提供图标的 CDN url。

哪里可以找到呢?我不想下载存储库并将其包含到我的项目中。


随着最近发布引导程序 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。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Bootstrap 3 Glyphicons CDN 的相关文章

  • 将 HTML 'label' 标签与单选按钮一起使用

    是否label标签与单选按钮一起使用吗 如果是这样 你如何使用它 我有一个显示如下的表单 First Name text field Hair Color color drop down Description text area Salu
  • 重新加载更新的 javascript> 代码而不完全重新加载 html 页面

    我正在开发一个单页 Web 应用程序 它具有许多不同的功能和形式 当开发一个深度 我的意思是主页上没有的 功能时 我会经历这个循环 开发代码 编辑类和函数 刷新整个页面 一路点击 直到到达我需要测试的部分 有时加起来大约一分钟 测试新代码
  • Bootstrap 5 是否删除了行之间的间距?

    我开始使用 bootstrap 5 并注意到行之间没有空格 我们是否必须明确使用spacing https getbootstrap com docs 5 0 utilities spacing 实用程序喜欢mb 3 or mb 2等等试图
  • LESS CSS 语法对现代化很有用

    通常我使用现代化 http modernizr com 了解浏览器的功能 同时 我用LESS CSS http lesscss org 使我的CSS更具可读性和可维护性 使用 LESS 嵌套规则的常见样式如下所示 header color
  • 编辑类名中带有空格的元素的 css 样式

    我正在创建一个 tumblr 我必须编写一个外部 CSS 文件 但我在编辑 post 元素的 css 样式时遇到问题 这是它的结构 li class post quote other code li 问题是类名中有空格 我如何创建一个 CS
  • 未捕获的 TypeMismatchError:无法在“CanvasRenderingContext2D”上执行“drawImage”

    我对以下代码片段有疑问 var o inserted motive find span contains document documentElement o 0 b fillText m i h b drawImage d i h e f
  • iPad - 无法在框架内滚动

    我无法滚动 iPad Safari 中框架内调用的 pdf 我已经尝试过两件事 2 指滚动 使用对象 嵌入代替框架 但这是行不通的 事实上我已经尝试了很多东西 溢出 高度等等 请帮我 先感谢您 根据这篇文章http support appl
  • 如何使用 ASP.NET Razor 语法应用 bootstrap v4 alpha 的表单输入验证类?

    因此 Bootstrap v4 alpha 对表单验证类进行了一些更改 现在 要将验证样式应用于表单输入 请将 CSS 类应用于父级div form group 我正在使用 ASP NET MVC4 编写一个网站 并试图弄清楚如何将此 CS
  • CSS3变换:悬停时翻译,带有过渡[重复]

    这个问题在这里已经有答案了 这应该很简单 我的 HTML 中有一堆锚点 如下所示 a href Link 1 a a href Link 2 a a href Link 3 a a href Link 4 a a href Link 5 a
  • 如何在没有 JavaScript 的情况下预加载图像?

    在我的 HTML 页面之一上 当我将鼠标悬停在某些链接上时 会显示一些大图像 并且加载这些图像需要一些时间 我不想使用 JavaScript 来预加载图像 有什么好的解决办法吗 HTML5 有一种新方法可以做到这一点 即link prefe
  • 在其他不可滚动的 div 上滚动时如何滚动可滚动的 div?

    我知道这个问题听起来很令人困惑 但这就是我想要做的 在下面的代码片段中 如果用户在绿色 div 上滚动 我希望黄色 div 相应地滚动 就像滚动黄色 div 一样 请注意 黄色 div 有overflow auto 但绿色的则不然 docu
  • 您可以将现有的 div 复制到模式对话框吗

    我有一个带有多个面板的仪表板来显示不同的信息 我希望能够添加一个按钮来以模式显示面板 我正在使用引导程序 我所能找到的只是已经编写的模态 我想复制作为面板的 div 标签的内容 然后将其显示在模型中 但我不确定如何进行 该面板的 html
  • 将 JSON 发布到 Python CGI

    我已经安装了 Apache2 并且 Python 可以工作 但我有一个问题 我有两页 一个是 Python 页面 另一个是带有 JQuery 的 Html 页面 有人可以告诉我如何让我的 ajax 帖子正常工作吗
  • 如何覆盖 bootstrap 表 td 样式?

    我正在使用 Bootstrap 3 3我有一个 HTML 代码如下 div table class table table striped tr td 03 td td 04 td td 05 td td 06 td td 07 td td
  • 如何在php中使用一张图像绘制形状

    我需要使用图像的一部分来创建帧图像 例如 用户将从后端上传图像片段 现在我需要根据前端用户的要求在前端创建一个框架 用户将选择框架的高度和宽度 然后他将选择该图像片段 如下所示 我没有办法做到这一点 我尝试通过 css 和 html can
  • 用于渲染 html 子集的 Django templatetag

    我有一些 html 在本例中是通过 TinyMCE 创建的 我想将其添加到页面中 但是 出于安全原因 我不想只打印用户输入的所有内容 有谁知道模板标签 最好是过滤器 只允许呈现 html 的安全子集 我意识到 Markdown 和其他人就是
  • Outlook 2013 渲染问题:嵌套表格截断相邻文本

    在开发 html 电子邮件通讯时 我经常使用类似于以下的结构 table width 244 border 0 cellpadding 0 cellspacing 0 tr td table border 0 align left tbod
  • Android中webview的截图方法

    我在 webview 中的 html5 canvas 上画了一些线 并尝试使用下面的代码截取 webview 的屏幕截图 WebView webView WebView findViewById R id webview webView s
  • 模态中的引导模态

    如何使用 Jquery 在另一个模态中构建引导模态 第一个模态应该在后台 当我参考引导文档时 发现一次显示多个模式需要自定义代码 任何想法 您可能想尝试 Bootstrap Modal 插件 此处演示 可堆叠 http jschr gith
  • 如何:带有 onclick 的 div 位于另一个带有 onclick 的 div 中

    只是一个简单的问题 我遇到了 div 与 onclick javascript 之间的问题 当我点击内部 div 时 它应该只触发它的 onclick javascript 但外部 div 的 javascript 也会被触发 用户如何点击

随机推荐

  • 通过推送通知启动应用程序时进行调试

    我目前正在开发一个接收推送通知的应用程序 我通过 PHP 页面使这一切 100 正常工作 我的应用程序可以接收多种不同类型的推送通知 PHP 处理这个问题并向我的应用程序发送不同的信息包 这些信息包都被很好地接收 但是 当用户 查看 通知并
  • 在类的构造函数中返回一个值

    到目前为止我有一个PHP带有构造函数的类 public function construct identifier NULL Return me if identifier NULL this gt emailAddress identif
  • 在 C++ 中寻找基于 Windows RAM 的共享内存解决方案

    我面临着一种情况 我需要将多达数百兆字节的内存从一个进程传递到另一个进程 现在我正在通过文件来完成它 但速度太慢了 我想为了更快 这些文件应该直接写入 RAM 并且可以从另一个进程访问 不需要花哨的同步 一个进程将创建共享内存对象并用数据填
  • 内容出现在固定标题后面

    我修复了网站的标题部分 但页面的第一个 div 出现在标题后面 而不是从标题的末尾开始 当您申请时position fixed or position absolute该元素将从文档流中删除 因此后面的元素将其视为不存在 这就是为什么你的d
  • 实体框架 nvarchar 外键区分大小写

    我有相当简单的表结构 如下所示 问题对我来说听起来很奇怪 虽然我选择解决这个问题 但想听取专家的意见 我有两张桌子 Users UserName nvarchar 250 Primary Key FirstName nvarchar 50
  • 为什么 Angular 5 中出现错误:没有导出成员“OpaqueToken”。?

    我有一个 Angular 4 应用程序 我正在将其升级到 Angular 5 我收到以下错误 src app application services generated variables ts 1 10 中出现错误 错误 TS2305
  • 处理控制器中的唯一记录异常

    我有一个名为 Subscription 的模型 它在字段 email location 上有唯一的索引 这意味着每个位置都可以通过一个电子邮件地址进行订阅 在我的模型中 class Subscription lt ActiveRecord
  • Angular 1.2 不再允许在同一元素上使用多个独立作用域指令?

    我在 Angular 项目中有一些代码 它们使用两个具有隔离范围的单独指令 它们不需要共享范围 只需存在于同一元素上即可 它们都以稍微不同的方式改变 DOM 并且重要的是绑定到作为参数传递的值 这在 1 0 中有效 但是 Angular 1
  • 即使“plist”中的“UIBackgroundModes”中存在“voip”,iOS 应用程序在 iOS10 中设备重新启动后也不会自动启动

    我需要我的 VoIP 应用程序在重新启动设备后自动启动 苹果文档明确提到 编辑 这是来自苹果官方文档 请在评论或回答没有用户交互或静默推送通知的情况下无法启动应用程序之前先看一下此内容 另请参阅下面的 Github 项目 人们已经验证了这种
  • 更改按键

    在输入框或 contenteditable true div 中 如何修改字母 a 的按键以返回字母 b 的按键 即 每次在 div 中键入字母 a 时 输出实际上是字母 b 我并不关心在 IE 中工作的解决方案 只是在 Safari Ch
  • 条件语句出现在表达式之前还是之后有什么关系吗?

    抱歉 如果这是一个愚蠢的问题 但我是一个在 ruby 中摸索的 C 人 在 ruby 中 我注意到很多人这样做 do something with params if 1 1 那个和这个之间有什么区别 哪怕是轻微的 if 1 1 do so
  • 在哪里可以找到 .cargo/config?

    我里面没有这个文件c user me cargo 如中所述货物文件 没有one的地方 cargo Cargo 允许对特定项目进行本地配置以及 全局配置 如 git Cargo 将其扩展为层次结构 战略 例如 如果调用 Cargo proje
  • 如何使用TIdIMAP4登录Gmail帐户并获取邮箱中的邮件数量?

    如何登录 Gmail 帐户并获取其中的邮件数量INBOX邮箱与TIdIMAP4成分 要获取 Gmail 收件箱中的邮件总数 您需要首先使用您的凭据连接到 Gmail IMAP 服务器 选择 Gmail 收件箱邮箱 然后为该选定邮箱读取Tot
  • 如何对数据库中的用户使用 Windows 身份验证 [关闭]

    Closed 这个问题需要多问focused 目前不接受答案 我的主要目标是使用 Windows 身份验证来查询我的自定义用户表以通过 Web 应用程序使用 我不确定是否有常规方法可以做到这一点 我在 SQL 数据库中有一个预定义的用户表和
  • String.Format 计算预期参数的数量

    是否可以计算字符串中预期参数 参数的数量String Format 例如 Hello 0 Bye 1 应返回计数 2 我需要在之前显示错误string Format 抛出异常 感谢您的帮助 您可以使用正则表达式 例如 然后只计算匹配项 如果
  • 解压类型列表

    假设我有一个只接受类型模板参数的函数 我无法更改它的定义 实现 template lt typename T gt void do it 现在我有一个以通常的方式定义的类型列表 也无法更改它 template lt typename Ts
  • 如何避免从 URL.getFile() 获取 URL 编码路径?

    我在尝试获取给定资源的路径时遇到以下问题 System out println nf new File getAbsolutePath System out println od new File this getClass getReso
  • 使用公制前缀格式化数字? [复制]

    这个问题在这里已经有答案了 可能的重复 C 中的工程符号 无论是公制前缀优于科学计数法可能有争议 但我认为它有其物理单位的用例 我环顾四周 但似乎 NET 没有内置类似的东西 还是我弄错了 任何实现这一目标的方法都可以 澄清一下 目标是将任
  • Linux下virtualenv中安装wxPython

    我正在尝试在 virtualenv 中设置一个 wxpython 正如许多地方所详述的 easy install pip install 不起作用 因为 setup py 不存在 我看到了有关如何在 Mac 上设置它的说明 但没有找到适用于
  • Bootstrap 3 Glyphicons CDN

    注意 Bootstrap 图标又回来了 after 这个拉取请求合并 经过过去几周的反复思考 我决定将 Glyphicons 图标字体恢复到主存储库 考虑到图标在 UI 中的流行程度 如果不将它们 或其他一些图标字体 包含在与 CSS 和