Bootstrap 图标

简介

在本教程中，您将学习如何使用 Bootstrap 2.0 工具包来创建图标。Bootstrap 图标由 Glyphicons 提供。如果您在项目中使用这些图标，请确保提供 Glyphicons 的链接。

作为 CSS Sprite 使用

所有的图标图像都捆绑到一起，并通过 background-position CSS 属性使用。图像文件是 glyphicons-halflings.png，位于 Bootstrap 主文件夹下的 img 文件夹。图标的样式以及背景位置是在 bootstrap.css 的行号 1168 到 1544 中规定。请注意，为避免冲突，所有的图标 class 都以 "icon-" 为前缀。Bootstrap 2.0 中定义了 120 个图标 class。

如何在您自己的站点或 app 中使用图标

下面是在站点或 app 中使用图标的通用语法：

 <i class="icon_class_name"></i> 

其中 "icon_class_name" 是在 bootstrap.css 中定义的图标 class 的名称（例如：icon-music、icon-star、icon-user 等）。

如果您想要使用白色图标，然后添加一个额外的 icon-white class，如下所示：

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

如果您想要在使用图标时带上一些字符串，记得在