首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在bootstrap 3.0中使用字形图标

如何在bootstrap 3.0中使用字形图标
EN

Stack Overflow用户
提问于 2013-08-13 17:45:03
回答 5查看 253.1K关注 0票数 86

我已经在bootstrap 2.3中使用过字形图标,但现在我已经升级到bootstrap 3.0。现在,我不能使用图标属性。

在bootstrap 2.3中,下面的标签是有效的

代码语言:javascript
复制
<i class="icon-search"></i>

在bootstrap 3.0中,它不工作。

EN

回答 5

Stack Overflow用户

发布于 2013-08-13 17:47:21

图标(字形图标)现在包含在separate css file..中。

标记已更改为:

代码语言:javascript
复制
<i class="glyphicon glyphicon-search"></i>

代码语言:javascript
复制
<span class="glyphicon glyphicon-search"></span>

下面是Bootstrap3的一个有用的更改列表:http://bootply.com/bootstrap-3-migration-guide

票数 108
EN

Stack Overflow用户

发布于 2014-12-16 15:36:04

引导程序3需要span标记,而不是i

代码语言:javascript
复制
<span class="glyphicon glyphicon-search"></span>`
票数 4
EN

Stack Overflow用户

发布于 2015-03-19 17:26:55

如果你正在使用grunt来构建你的应用程序,那么在构建过程中路径可能会改变。在这种情况下,您需要修改grunt文件,如下所示:

代码语言:javascript
复制
copy: {
        main: {
            files: [{
                src: ['fonts/**'],
                dest: 'dist/fonts/',
                filter: 'isFile',
                expand: true,
                flatten: true
            }, {
                src: ['bower_components/font-awesome/fonts/**'],
                dest: 'dist/css/',
                filter: 'isFile',
                expand: true,
                flatten: false
            }]
        }
    },
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18205738

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档