共 263 个图标可用
在使用上,我们可以把字体图标看做一个正常的字符,或者看做一个同大小的表情图片。
大多数时候做为按钮、菜单、消息、输入框的附加提示。
- 总是使用 空的span 为负载dom
-
glyphicon
为基础类,glyphicon-xxx
为图形选择类。
<span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
- 常常放在
button.btn
里面,使用一个单图标按钮。 - 或者放在一段文本前面,做对话框的情境图标。
- 可以配合表单控件的
has-feedback
,form-control-feedback
来给输入框添加右侧图标。
![](https://img.haomeiwen.com/i8043006/32b691c5e0eb10f9.png)
- 图标大小与颜色和父类有关系,不用单独设置。
- 图标在和中文配合时,有可能位置偏上,而且所有的图标宽度可能有细微差别,为了统一视觉可以添加一个自定义hack样式。
.fa-fix .glyphicon{
width: 1.4rem;
font-size: 1.4rem;
text-align: center;
top: 2px;
position: relative;
}
网友评论