Bootstrap 3图标在按钮内不起作用
可能是由于以下原因导致的：
- 版本不兼容：Bootstrap 3的图标使用了Glyphicons字体图标库，而在一些较新的版本中，如Bootstrap 4，Glyphicons已被移除。因此，如果你正在使用Bootstrap 3以外的版本，图标可能无法正常显示。
- 引用问题：确保你已正确引用了Bootstrap的CSS和JS文件。图标需要正确的CSS样式和JavaScript代码才能正常工作。请检查你的HTML文件中的链接是否正确，并确保文件路径正确。
- 字体文件缺失：Glyphicons字体文件是Bootstrap 3图标的核心组成部分。如果你的项目中缺少这些字体文件，图标将无法显示。请确保你已正确地将字体文件（通常是字体文件夹中的.eot、.svg、.ttf和.woff文件）包含在你的项目中。
解决这个问题的方法是：
- 检查Bootstrap版本：确认你正在使用的是Bootstrap 3版本，并且了解该版本是否支持Glyphicons图标。
- 检查引用：确保你正确引用了Bootstrap的CSS和JS文件，并且文件路径正确。
- 检查字体文件：确认你的项目中包含了Glyphicons字体文件，并且文件路径正确。如果缺少字体文件，可以从Bootstrap官方网站下载并添加到你的项目中。
如果以上方法仍然无法解决问题，可能需要进一步检查你的代码和环境设置，以确定是否存在其他因素导致图标无法正常显示。
推荐的腾讯云相关产品：腾讯云服务器（CVM）、腾讯云对象存储（COS）、腾讯云数据库（TencentDB）等。你可以通过访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用指南。
相关·内容
6回答
糖图标显示不正确
jsf、twitter-bootstrap、primefaces、glyphicons
我正在用jsf、primefaces和bootstrap 3开发一个应用程序。
图标中的测试页面在我的浏览器中显示得很好，但是当我尝试使用web项目中的图标时，我只得到一些奇怪的符号。
我的最佳猜测是，即使我也将字体复制到项目中，并且允许相对路径相同，但图标css文件仍然找不到字体：
-resources
-css
-bootstrap.css
-bootstrap-glyphicons.css
-fonts
-glyphicons-halflings.eot
-glyphicons-halflings.otf
浏览 4提问于2013-08-01得票数 4
回答已采纳
1回答
无法正确显示Twitter启动符号
twitter-bootstrap、angularjs、glyphicons
我正在阅读 Todo应用程序视频教程，我遇到了一个问题，包括index.html文件中的Twitter 3图标(这些图标在Chrome和火狐中都显示为非描述性图像)。
这就是我如何在index.html中添加引导和引导图标css文件的方式：
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script src="http://documentcloud.github.c
浏览 5提问于2013-08-07得票数 4
回答已采纳
2回答
无需更改字体即可引导字形图标
css、twitter-bootstrap、twitter-bootstrap-3、glyphicons
我使用的是Bootstraps字形图标，包括如下所示：
<!-- Load Bootstrap CSS (Flatly) and Javascript -->
<link rel="stylesheet" href="http://bootswatch.com/flatly/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<lin
浏览 0提问于2014-06-27得票数 1
1回答
跨域的引导符号不起作用
css、iis、twitter-bootstrap-3、cross-domain、glyphicons
我有一个包含所有代码javascript和依赖项到jquery和引导程序的基本站点，所以我不需要每次都将所有这些文件复制到一个新站点。例如，我的基本站点位于localhost/basesite上，因此新站点使用的引导程序如下：
<link href="http://localhost/basesite/content/bootstrap/css/boostrap.css rel='stylesheet' />
至于剧本：
<script src='http://localhost/basesite/scripts/bootstrap.js
浏览 4提问于2014-10-11得票数 0
3回答
不显示字体的图标
css、webpack、font-awesome、yarnpkg、symfony-3.3
我现在正和webpack一起努力管理我的资产。我安装了字体-可怕的纱线，并导入了.css文件在我的网页。我的问题是，即使我的html识别了字体-awesome.css中的类，我试图使用的图标都是由四个数字填充的驴方块(标识图标)。
我的webpack代码是：
// webpack.config.js
var Encore = require('@symfony/webpack-encore');
const HandlebarsPrecompiler = require('webpack-handlebars-precompiler');
Encore
//
浏览 0提问于2018-06-28得票数 0
回答已采纳
14回答
使用sass引导程序集成时，不显示符号图标
twitter-bootstrap、laravel、fonts、sass、laravel-elixir
我使用本教程在我的项目中集成了bootstrap：
这将在css文件夹中放置一个app.css文件。但是，如果我尝试使用字形图标，它们就不会出现。因此，我尝试像这样修改elixir文件：
elixir(function(mix) {
mix.sass('app.scss')
.browserify('app.js')
.copy('node_modules/bootstrap-sass/assets/fonts', 'public/css/fonts')
});
font
浏览 1提问于2016-01-15得票数 14
1回答
如何使用FPDF库中的字体"Glyphicons“？
fonts、add、fpdf、glyphicons
我试图使用的“甘草图标”(我们购买它59美元，有全部的字体与610图标和字体质量，而不是图像)与FPDF库。
以下是我所做的：
在的帮助下为用户创建所需的文件
我收到了十几个警告，说缺少一些通常的字符(这很正常，我不想要这些字符，但只想要由Glyphicons定义的图片)：
警告:缺少字符下划线
警告:人物坟墓不见了
警告:a字符丢失
警告:字符b丢失
……
生成的glyphicons.php +标志符号z
将PHP和Z文件存储在由：define('FPDF_FONTPATH', 'font/');定义的./字体路径中
$pdf = new
浏览 2提问于2015-10-12得票数 1
回答已采纳
1回答
生产中未上载的rails图标
ruby-on-rails、twitter-bootstrap、glyphicons
在我的rails 4应用程序中，我很难在生产中上传图标。
像这个这样的解决方案不适合我。
我的application.css.scss文件包含以下行：
@import "bootstrap-sprockets";
@import "bootstrap";
$icon-font-path: "bootstrap/";
在生产过程中，application.css文件中的图标字体是正确的路径，例如：
url("/assets/bootstrap/glyphicons-halflings-regular-8cd45fc682c0e3a2695c
浏览 3提问于2015-08-12得票数 0
回答已采纳
1回答
引导符号(字体/*..woff)未加载
node.js、twitter-bootstrap、apache、google-chrome、woff
在我的Google (56.0.2924.87)控制台中，当我试图使用引导图标时，我得到了一个类似于此的错误
尽管我的.woff文件和.ttf文件位于"public/css/fonts“文件夹中。
附加信息
我正在与apache一起使用Wampserver (2.4.23)
我用"npm安装引导程序“安装了bootstrap.css
这是我的字体脸看起来像
@font-face {
font-family: 'Glyphicons Halflings';
font-style: italic;
src: url('/public/c
浏览 2提问于2017-03-30得票数 1
3回答
我试图在我的Aurelia项目中包括Bootstrap，CSS和JS工作得很好。
我唯一的问题是，图标需要加载字体文件。
我使用这个配置：
"dependencies": [
{
"name": "bootstrap",
"path": "../node_modules/bootstrap/dist",
"main": "js/bootstrap.min",
"deps": ["jquer
浏览 7提问于2016-07-29得票数 8
回答已采纳
3回答
登陆不上去免费你们的工作人员联系一下我可以不？
云服务器、官方文档
请描述您的问题
标题：无法登录云服务器 - 云服务器 - 产品文档 - 帮助与文档 - 腾讯云
地址：https://cloud.tencent.com/document/product/213/10339
浏览 375提问于2018-02-27
1回答
Jekyll Bootstrap不导入图标
twitter-bootstrap-3、jekyll、jekyll-bootstrap
我今天才开始使用Jekyll，到目前为止我喜欢它。
我使用的是默认主题之一(简称为bootstrap-3)，就文件结构而言，它似乎编译得很好。
但是，当我在本地服务器(或github.io上)上运行它时，会丢失一些文件，特别是默认的引导带字体。
fonts文件夹既存在于_site/assets目录中，也存在于外部assets目录中，据我所知，_site目录的内容就是在服务器上服务的内容。
但是，当我使用Google工具查找资产时，我根本找不到字体。CSS生成得很好，但是字体不是。
有趣的是，当我使用另一个主题(如the-project)时，字体会很好地加载。
在我的bootstrap.min.
浏览 1提问于2014-07-29得票数 0
回答已采纳
1回答
Rails、指南针和引导带:虽然字体似乎没有显示，但一直没有显示
ruby-on-rails、twitter-bootstrap、compass-sass、glyphicons
是的，这是个反复出现的问题，但我搞不懂。
我使用的是rails (4.2)，指南针-rails (2.0.5)和引导-sass (3.3.5)，而我的图标没有显示。
参见，在“用户数”旁边有一个图标，该图标显示为小框，但它是glyphicon-user图标。
据我所见，字体似乎正确地加载在application.css文件中：
@at-root{@font-face{font-family:'Glyphicons Halflings';src:url("/assets/bootstrap/glyphicons-halflings-regular.eot");sr
浏览 3提问于2016-01-21得票数 0
回答已采纳
1回答
如何处理bootstrap-sass和指南针中的字体？如何在页面上正确地包含字体？
css、fonts、compass、bootstrap-sass
在我的Node.js应用程序中，我使用了和。不是和任务，而是指南针，我在应用的根目录中有指南针的config.rb文件。我使用以下命令编译我的资源：
$ compass watch
$ compass compile
我不明白如何在页面上包含bootstrap的字体来启用字形图标。字体存储在bower_components\bootstrap-sass\assets\fonts\bootstrap中。字体的Bootstrap-sass变量如下所示：
$bootstrap-sass-asset-helper: false !default;
//== Iconography
//
//## S
浏览 7提问于2015-12-27得票数 1
1回答
链接到站点之间的砂糖字体(引导)
css、twitter-bootstrap
我正在学着和Bootstrap一起工作。因为我有几个网站，所以我想把Boostrap样式表-- bootstrap.css和bootstrap.min.css --放在一个站点("mysite.com")上，并将其他站点链接到它们。
问题是，当我这样做的时候，我的图标就不显示了。我发现了名为“字体”的文件夹，并将其复制到mysite.com。然后，我在bootstrap.min.css中找到了需要更改的样式：
@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-hal
浏览 5提问于2015-01-26得票数 3
回答已采纳
2回答
引导3象形文字被禁止403
php、apache、.htaccess、glyphicons、nette
我在Wamp 2.5 (Win7)上使用netteFramework2.2.1和Win7 3。我无法在浏览器中加载图标(错误403禁止)。
浏览器看到了什么
所有需要的字体都在文件夹C中：\wamp\www\nette\www\ fonts \
.htaccess位于C中：\wamp\www\nette\www\具有内容
<IfModule mod_autoindex.c>
Options -Indexes
</IfModule>
# enable cool URL
<IfModule mod_rewrite.c>
RewriteEn
浏览 2提问于2014-07-16得票数 0
回答已采纳
1回答
将图标重新添加回引导程序4.0
html、css、bootstrap-4、glyphicons
嗨，我使用一个主题的引导称为，它处理图标，镶嵌使用字体可怕。我认为这是一个自举的3/4的东西。
简而言之：。我想把它们加进去。太多的依赖项需要它们。我有字体dir中的图标字体
asssets/fonts/glyphicons-halflings-regular.eot
asssets/fonts/glyphicons-halflings-regular.svg
asssets/fonts/glyphicons-halflings-regular.tff
asssets/fonts/glyphicons-halflings-regular.woff
bootstrap.m
浏览 0提问于2018-08-30得票数 0
1回答
如何在java spring中定制font-faces
java、css、spring、twitter-bootstrap、font-face
在java spring项目中有一个映射文件的特殊说明，我试着映射我的css文件，它工作得很好，但是bootstrap.css内置的@font-faces不能工作见示例：
web.xml
<servlet>
<servlet-name>mvc-dispatcher</servlet-name>
<servlet-class>
org.springframework.web.servlet.DispatcherServlet
</servlet-class>
浏览 3提问于2014-12-01得票数 0
4回答
在使用grunt构建的角应用程序中缺少的资产
angularjs、gruntjs、yeoman、bower
我使用约曼和AngularJS构建了一个应用程序(以及Grunt和Bower等所有相关内容)。
当使用grunt serve在本地运行时，所有这些操作都很完美。但是，在运行并部署应用程序之后，会有一些资产丢失，我不知道解决这个问题的最佳方法是什么。
首先，运行Grunt似乎将图像复制到dist，但它在不调整CSS中的引用的情况下重命名它们。app/images/uparrow.png变成dist/images/3f84644a.uparrow.png。
下面是来自main.scss的一行：
.table.sortable th.sorted-asc { background-im
浏览 0提问于2014-02-21得票数 16
回答已采纳
4回答
如何向assetic添加特定文件？
symfony、resourcebundle、assetic
我有我的包的自定义资源目录，其中有一些文件：
/longpathtoSymfony/src/MyOwn/Bundle/MyOwnBundle/Resources/public
|-- bootstrap
| |-- css
| | |-- bootstrap-theme.css
| | |-- bootstrap-theme.min.css
| | |-- bootstrap.css
| | |-- bootstrap.min.css
| | `-- carousel.css
| |-- fonts
| | |-- glyphicons-
浏览 3提问于2013-09-23得票数 11
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
