javascript - bootstrap图标问题

问题描述

问 题

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

<span class="glyphicon glyphicon-home">

现在是这样的
我引了这些文件，够吗

解决方案

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

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

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

这篇关于javascript - bootstrap图标问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！