如何在 3.0.0 中使用 Bootstrap Glyphicons?

2023-12-26

我在 Bootstrap 中使用 Glyphicons。我直接从 CSS 中调用http://glyphicons.getbootstrap.com/css/bootstrap-glyphicons.css http://glyphicons.getbootstrap.com/css/bootstrap-glyphicons.css但现在这个已经消失了,不推荐了。

这显然与 Twitter 再次在 Bootstrap 包中提供 Glyphicons 的时间一致。我正在使用 Bootstrap 3.0.0 RC1 或 RC2。

我的问题:我不知道如何在我自己的主机中使用图标...... 在我看来,代码包含在 bootstrap.css 中(?)。 我已经上传了“字体”目录,但只得到了空白的空框图标,而应该有正确的图标。

有什么想法吗?应该在哪里以及如何调用它?


The bootstrap-glyphicons.css文件似乎已被最终\生产 Bootstrap 3.0.0 删除。只需从以下地址下载 zip 文件即可http://getbootstrap.com/ http://getbootstrap.com/然后复制dist/css/bootstrap.min.css文件放在你的 css 文件夹中。然后您应该将其包含在您的 HTML 页面中,如下所示:

<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap 101 Glyphicons</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Bootstrap CSS file -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">

  </head>
  <body>

    <!-- Glyphicon in a H1 tag -->
    <h1>Hello, <span class="glyphicon glyphicon-globe"></span> !</h1>

  </body>
</html>

Source: http://getbootstrap.com/getting-started/ http://getbootstrap.com/getting-started/

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

如何在 3.0.0 中使用 Bootstrap Glyphicons? 的相关文章

  • 通过纱线安装 bootstrap 的 Rails 找不到字体

    我有一个带 Bootstrap 的 Rails 5 应用程序 我用纱线安装了它 我做了以下事情 yarn add bootstrap bootstrap 3 3 7 version 3 3 7 resolved https registry
  • Bootstrap 3 / 显示模式不适用于 javascript 方式

    我用Modal http getbootstrap com javascript modalsBootstrap 3 0 的功能 我有这个代码 a href myNestedContent Open the modal containing
  • 为什么 Bootstrap 需要 jQuery? [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 我已经多次用谷歌搜索这个问题 但从未找到满意的答案 大多数答案似乎只是说 是的 Bootstrap 插件确实需要 jQuery https st
  • 如何在 django-crispy-forms 中将表单字段分布在两列布局上?

    我收到了一些使用 django crispy forms 在 Django 中创建表单的建议 我已经在文档中寻找了几个小时 但无法找出如何将表单字段分布在两列上的方法 看这个例子here https gist github com 1838
  • Windows 10:任务栏中的图标大小错误

    从 Windows 10 开始 任务栏中的图标大小似乎为 24x24px 如果 Windows 选择图标文件中的 24px 版本进行显示 那么这不会有问题 但它选择了 32px 版本并将其缩小 这会导致丑陋的伪像 尤其是当你的图标中有直线时
  • 仅对小型设备使用偏移的中心引导列

    我正在尝试在图像旁边显示文本 我希望它仅在设备宽度低于 767px 时才堆叠 否则 我希望他们肩并肩 在此堆叠过程中 图像具有响应性 因此它占据了文本上方的整行 为了避免这种情况 我尝试在列为xs时限制列的大小 这可确保图像在指定的列大小内
  • 停止引导程序轮播在幻灯片末尾循环

    我想要这样 当我按下轮播上的下一个按钮时 如果它已到达幻灯片的末尾 则不要绕回并返回到第一张幻灯片 Bootstrap 3 有没有简单的方法可以做到这一点 设置wrap选项为 false 会使轮播自动停止循环 myCarousel caro
  • 在 Web 应用程序上同时运行两个版本的 (twitter) bootstrap

    我目前已经开始尝试使用 bootstrap 和 angularjs 进行客户端开发 我收到了一项任务 为我们的网站 一个 angularjs 应用程序 制作一个或多或少独立的功能 并且一直在研究它 但注意到我学到的引导函数不起作用 经过检查
  • Node.js 应用程序中的系统托盘图标

    这是我的 node js 应用程序中需要的 系统托盘图标 在应用程序工作期间更改此图标 单击图标后的菜单 创建带有登录 密码字段和确认按钮的窗口 这是我发现的 https github com appjs appjs https githu
  • 如何向 Django 表单添加表单控件?

    我尝试将表单控件添加到我为 Django 制作的表单应用程序中 我已经创建了该应用程序 并希望将表单添加到引导程序模板中 但是我不知道如何为我的电子邮件字段添加引导程序的更时尚的文本框 我希望最终得到类似于此引导模板一角的登录字段的内容 尽
  • 在网络上使用多种颜色的背景

    抱歉 如果标题有点误导 我想做的是用真正的浅灰色覆盖索引页面的背景 除了显示我的内容的部分 div class col sm 1 div div class col sm 8 div div class col sm 3 div 我希望 c
  • Bootstrap 3轮播淡入新幻灯片而不是滑动到新幻灯片

    我正在使用 Bootstrap 3 未修改 Here s div class carousel slide ol class carousel indicators li class active li li li ol div class
  • 当您点击外部时,Bootstrap 3 Mobile 导航不会崩溃

    当我单击 触摸菜单外部时 我的 Bootstrap 3 移动菜单确实会折叠 我可以想出一个解决问题的方法 document on touchstart click html not nav function navbar collapse
  • Bootstrap 居中 div 内的文本左对齐

    我有一段 4 行诗 位于居中的 div 中 因为它是诗歌 所以我需要将 4 行左对齐 但不要对齐到 div 的左侧 这是它的居中方式 Lorem ipsum dolor sit amet onsectetur adipisicin Dolo
  • 在 Rails App 中实现 WrapBootstrap 主题

    我刚刚购买了一个 wrapbootstrap 主题 并尝试将其插入我的 Rails 应用程序中 一些 css 如填充 导航栏 字形图标 和大多数 javascript 无法正常运行 我将所有样式表和 javascript 分别复制到 ass
  • Bootstrap

    我正在尝试使用 Bootstrap 构建一个网站 到目前为止 一切都按计划进行 我想要一个固定的导航栏 并且我正在使用内置函数 div class navbar navbar fixed top 这很棒 正是我所需要的 但我希望导航和标题从
  • Bootstrap 4 移动导航栏消失

    我刚刚从 Bootstrap 3 转换为 Bootstrap 4 但我的移动导航栏出现问题 使用切换按钮展开导航栏时 导航消失 我不明白为什么会发生这种情况 导航栏下方有一个大屏幕 但整个移动导航向上移动 如下面的 gif 所示 以下是导航
  • 将引导程序弹出框保留在视口内

    我正在尝试使用带有按钮的侧边栏创建一个菜单 每个按钮都有一个指定的包含相关数据的弹出窗口 不幸的是 其中一个弹出窗口可能包含任意数量的行 并且在某些情况下它可能部分位于视口之外 See http jsfiddle net bfd9f 1 h
  • 将 bootstrap 迁移到 v4 - 弹出窗口不起作用

    我在将 Bootstrap 从版本 3 迁移到版本 4 时遇到问题 问题在于弹出窗口和 popper js 库 每次我将鼠标悬停在某个元素上时 都会收到此错误 未捕获的类型错误 无法读取未定义的属性 indexOf 在 v computeA
  • 为什么该消息没有出现在 Chrome 中的手风琴上方?

    我正在尝试新的 HTML5 验证 当我尝试使用required里面的属性

随机推荐

  • 检测 API 更改/演变 [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我想测量给定 Java 项目的 API 演变 特别是新 重命名的类 新方法 新弃用的方法等 是否有工具
  • Firebase Navigator 无法在 onMessageOpenedApp 上运行

    我阅读了 stackoverflow 上的所有主题 但没有一个对我有用 当您单击通知时 我正在尝试使用导航器 一切工作正常 但是当您单击它时 没有错误 也没有导航 通知就消失了 我能做些什么 我将分享代码 initState super i
  • 如何加载hive表中的多行列数据?具有换行符的列

    我在 Excel 文件中有一个列 不是最后一列 其中包含跨越几行的数据 列的某些单元格为空白 有些单元格具有单行条目 当保存为 CSV 文件或制表符分隔 txt 与 Excel 时 所有多行数据和少数单行条目都会在双引号中生成 所有空白字段
  • Shared_ptr 和weak_ptr 转换

    我正在尝试使用杂耍对象std shared ptr and std weak ptr 场景是这样的 我有类对象channel它派生自抽象类abstract channel 具有纯虚函数 我有一个容器channelContainer std
  • ModuleNotFoundError:没有名为“fastapi”的模块

    这是我的文件结构和requirements txt Getting ModuleNotFoundError 任何帮助将不胜感激 main py from fastapi import FastAPI from import models f
  • 将设置添加到设置

    我正在开发的应用程序在很大程度上是仅后台服务 但需要用户必须添加一些设置 有没有办法将应用程序与常见的设置应用程序 视图 活动集成 有没有办法整合 具有通用设置的应用程序 应用程序 视图 活动 只能通过修改固件 Android 不支持定义或
  • 重写discord.py |我的命令出错

    现在我 大部分 完成了我的审核命令 我正在尝试添加错误 我已经犯了 请指定成员 错误 但我无法设法让机器人在无效时说 此成员不存在 名称已输入 client command name kick brief Kicks user aliase
  • 如何在mysql服务器上存储文件

    我需要从 vb NET 表单将图像或 pdf 等文件发送到 mysql 数据库 我怎样才能做到这一点 有特定的列类型吗 我应该编写什么类型的 sql 查询来发送文件 您可以上传文件并将其保存在服务器中的文件夹中 并将文件的文件名或路径以及唯
  • Angular ng-bind-html 和其中的指令

    笨蛋链接 http plnkr co edit EZuKFBrE94bujWpcNat2 p preview 我有一个元素 我想将 html 绑定到它 div div 这样可行 现在 除了它之外 我还有一个绑定到绑定 html 的指令 sc
  • WPF:如何在具有延迟时间的单独线程中调用方法

    我有一个TextBox该用户可以在其中输入搜索词 它绑定到string Term我的财产view model 我想在内容更改时进行搜索查询 但我想在一个单独的线程中执行查询delay 例如当用户输入字母时 我想等待0 3秒 如果用户在这段时
  • UML 序列图的形式语言

    是否有一种形式语言可用于将 UML 序列图中存在的信息捕获为人类易于理解的文本格式 在我们这里 软件需求通常是用复杂的序列图来指定的 这些序列图很难审查 验证正确性并进行更改 另外 恕我直言 程序员更喜欢从需求的明确文本表示来实现 而不是从
  • 如何使用 VB.Net 获取弹出消息框中包含的控件的属性

    我正在研究一个VB Net项目的其中一部分是我在显示时捕获一个弹出消息框并以某种方式处理它 我的问题是我必须知道这个弹出窗口中包含哪些按钮 主要是它们的标题 这可能吗 有人可以告诉我如何做到这一点吗 如果有样品 我们将不胜感激 Thanks
  • 最好的 XNA 博客是什么? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 在 Visual Studio 中,是否有键盘快捷键可以在代码编辑器窗口中显示数据提示(鼠标悬停时出现的浮动手表)?

    在 Visual Studio 中 DataTip 是当您将鼠标悬停在变量上时出现的浮动监视 它会显示其值 有没有办法通过键盘而不是鼠标来完成此操作 PS I now about the QuickWatch window Shift F9
  • 哪种哈希算法提供最长的输出?

    我很好奇 PHP 的 crypt 函数使用的哪种散列方法提供了最长的输出 而且 输出的长度是否是相对的 它们是否有可能是两个散列的冲突 See 这条评论 https www php net manual en function hash p
  • 如何查看 IntelliJ IDEA 用于编译我的代码的 javac 命令?

    当我在 IntelliJ IDEA 中编写 Java 代码并运行它时 IntelliJ 会编译 Java 文件 提取类文件 然后运行该类文件 如何查看 IntelliJ 运行的 javac 命令行 我询问它是为了了解 IntelliJ 是否
  • Flutter 运行命令错误:在分离视图上调用 FlutterView.send

    谁能告诉我为什么我的应用程序根本没有安装并以错误消息结束 天文台连接从未准备好 直到昨天 该应用程序都运行得很好 我昨天在命令提示符中将频道更改为 master 从那时起该应用程序就不再运行 我什至切换回 alpha 通道但仍然没有用 我附
  • 如何在Java中压缩文件和文件夹?

    请看下面的代码 public void startCompress String path String fileName String outputLocation int compressType int filSize throws
  • Electron 应用程序中的 propTypes 警告

    我正在尝试处理有关需要在 NPM 程序中包含 prop types 包的新警告 我的应用程序是一个电子应用程序 我想我正在遵循 React 人员的迁移策略 https facebook github io react blog 2017 0
  • 如何在 3.0.0 中使用 Bootstrap Glyphicons?

    我在 Bootstrap 中使用 Glyphicons 我直接从 CSS 中调用http glyphicons getbootstrap com css bootstrap glyphicons css http glyphicons ge