学习Bootstrap3组件之字体图标

共 263 个图标可用
在使用上，我们可以把字体图标看做一个正常的字符，或者看做一个同大小的表情图片。
大多数时候做为按钮、菜单、消息、输入框的附加提示。

• 总是使用 空的span 为负载dom
• glyphicon 为基础类, glyphicon-xxx 为图形选择类。

<span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>

• 常常放在 button.btn 里面，使用一个单图标按钮。
• 或者放在一段文本前面，做对话框的情境图标。
• 可以配合表单控件的 has-feedback, form-control-feedback 来给输入框添加右侧图标。

image.png

• 图标大小与颜色和父类有关系，不用单独设置。
• 图标在和中文配合时，有可能位置偏上，而且所有的图标宽度可能有细微差别，为了统一视觉可以添加一个自定义hack样式。

    .fa-fix .glyphicon{
      width: 1.4rem;
      font-size: 1.4rem;
      text-align: center;
      top: 2px;
      position: relative;
    }