Bootstrap 如何使用字体图标

Bootstrap 提供了 glyphicons-halflings.png 和 glyphicons-halflings-white.png 两个图标文件，它们的效果完全相同。不同的是，前者是白底黑色图标，后者是黑底白色图标。

每个图标都需要依附于一个 标签，并且赋予唯一的一个类（class）。任何需要使用图标的地方，只需给 标签添加以 .icon- 为前缀的类即可。比如，要使用搜索图标，就给 标签添加 .icon-search 类：

1. class="icon-search">

如果想使用白色样式的图标，只需再追加一个 .icon-white 类即可：

1. class="icon-search icon-white">

注意！ 当在字符串的内部使用这些图标时，如按钮或导航链接中使用图标，务必在 标签的后面添加一个空格，这样就能确保图标两侧留有合适的间距。

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。