bootstrap图标问题

为什么我按照视频教程写的一模一样,但并看不到图标啊
这是我写的

<span class="glyphicon glyphicon-home">

图片描述

现在是这样的
我引了这些文件,够吗
图片描述

阅读 3.8k
4 个回答

bootstrap 的图标是字体图标,所以需要引入字体文件。
bootstrap 的样式文件会自动引入字体文件,如下:

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  ..

只要你目录结构及命名没问题就没什么问题。
另外这种第三方 UI 框架,建议使用 CDN

应该是可以的,看你文件引入的对吗

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  ..

这是bootstrap.css引入字体图标的路径, 查看路径是否配置正确

确定全部bootstarp的全部样式文件引入完了?
全部的文件都在一个文件夹里么?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题