如何在bootstrap 3.0中使用glyphicons
我已经在引导2.3中使用glyphicons，但现在我已经升级到引导3.0。 现在，我无法使用图标属性。
在bootstrap 2.3中，下面的标签正在工作
<i class="icon-search"></i> 在引导3.0，它不工作。
图标（glyphicons）现在包含在一个单独的css文件中 。
标记已更改为：
<i class="glyphicon glyphicon-search"></i>
要么
<span class="glyphicon glyphicon-search"></span>
以下是Bootstrap 3的更改的有用列表： http : //bootply.com/bootstrap-3-migration-guide
你去了：
<i class="glyphicon glyphicon-search"></i>
更多信息：
http://getbootstrap.com/components/#glyphicons
顺便说一句。 你可以使用这个转换工具 ，这也将更新图标的代码：
如果你下载一个定制的bootstrap 3发行版，你必须：
- 从https://github.com/twbs/bootstrap/archive/v3.0.0.zip下载完整的发行版;
- 解压并将整个称为
fonts文件夹上传到您的引导目录。 放在一起的其他文件夹“CSS，JS”。
示例之前：
\css \js index.html
上传后的示例：
\css \fonts \js index.html
如果你使用较less，而不是加载图标字体，你必须检查出字体path进入文件variable.less，并改变@ icon-font-pathpath，这对我工作。
包含字体将所有字体文件复制到CSS附近的/ fonts目录。
- 包括CSS或LESS您有两个选项可用于在项目中启用字体：vanilla CSS或源LESS。 对于香草CSS，只需在资源库中包含/ css中已编译的CSS文件即可。
- 对于LESS，将.less文件从/ less复制到现有的Bootstrap目录中。 然后通过@import“bootstrap-glyphicons.less”将它导入到bootstrap.less中 ; 。 准备好后重新编译。
- 添加一些图标！ 添加字体和CSS后，可以使用图标。 例如，
<span class="glyphicon glyphicon-ok"></span>
资源
Bootstrap 3需要跨度标签而不是i
<span class="glyphicon glyphicon-search"></span>`
如果你使用grunt来构build你的应用程序，那么在构buildpath的时候可能会改变。 在这种情况下，你需要像这样修改你的grunt文件：
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 }] } },
从bootstrap下载所有文件，然后包含这个CSS
<style type="text/css"> @font-face { font-family: 'Glyphicons Halflings'; src: url('/fonts/glyphicons-halflings-regular.eot'); } </style>
这可能有帮助。 它包含了许多有助于理解的例子。
http://www.w3schools.com/bootstrap/bootstrap_ref_comp_glyphs.asp
