当我在bootstrap 3.2.0上运行bower install时,Glyphicons不起作用

时间:2015-10-20 06:53:51

标签: twitter-bootstrap glyphicons

我的字体文件夹中有以下内容:

  • glyphicons-半身正规
  • glyphicons-半身-regular.eot
  • glyphicons-半身-regular.woff

(路径:C:\ Users \ smitha \ Code \ proj \ bower_components \ bootstrap \ dist \ fonts)

但像glyphicon-search这样的字形不加载!

 <div tabindex="6" class="glyphicon glyphicon-search">...<.div>

1 个答案:

答案 0 :(得分:1)

首先,您似乎没有完整的字体文件集。完整集应包括以下5个文件:

  1. glyphicons-半身-regular.eot
  2. glyphicons-半身-regular.svg
  3. glyphicons-半身-regular.ttf
  4. glyphicons-半身-regular.woff
  5. glyphicons-半身-regular.woff2
  6. 其次,除非您采取措施专门识别字体文件的位置,否则标准位置将被假定为/fonts文件夹,该文件夹是包含bootstrap.js的目录的兄弟。例如,使用发布中/fonts目录的位置:

      

    C:\用户\ smitha \代码\凸出\ bower_components \自举\ DIST \字体

    您的Bootstrap JavaScript库应位于:

      

    C:\用户\ smitha \代码\凸出\ bower_components \自举\ DIST \ JS \自举-3.2.0.min.js

    该文件夹是否实际命名为/js并不重要;它可以被命名为任何东西;重要的是它是/font文件夹的兄弟。你没有提到你的Bootstrap库的位置,但我的猜测是它不在你的/font目录的兄弟目录中。

    如果这对您没有帮助您解决问题,您可能希望包含有关完整项目目录结构的更多信息,尤其是Bootstrap JavaScript库的位置。