Bootstrap 如何使用字体图标

如何使用字体图标

Bootstrap 提供了 glyphicons-halflings.png 和 glyphicons-halflings-white.png 两个图标文件，它们的效果完全相同。不同的是，前者是白底黑色图标，后者是黑底白色图标。每个图标都需要依附于一个 <i> 标签，并且赋予唯一的一个类（class）。任何需要使用图标的地方，只需给 <i> 标签添加以 .icon- 为前缀的类即可。比如，要使用搜索图标，就给 <i> 标签添加 .icon-search 类：

<i class="icon-search"></i>

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

<i class="icon-search icon-white"></i>

注意！ 当在字符串的内部使用这些图标时，如按钮或导航链接中使用图标，务必在 <i> 标签的后面添加一个空格，这样就能确保图标两侧留有合适的间距。版权声明：本文出自 歪脖网 的《Bootstrap教程》，欢迎在线阅读， 并提出宝贵意见。