阅读模式:

bootstrap添加文字小图标

查看:12265  :2  类型:  来源:bootstrap  标签 bootstrap

bootstrap添加文字小图标,只需在要设置的标签上加入bootstrap的相应类,既可以显示小图标,小图标会通过伪类:before写入到标签的里面,如果标签类有为文本可以用空格间隔开来,也可以在这个标签内再加一个行内标签。

<button type="button" class="btn btn-default" aria-label="Left Align">
    <span class="glyphicon glyphicon-align-left" aria-hidden="true">&nbsp;按钮1</span>
</button>
<button type="button" class="btn btn-default" aria-label="Left Align">
    <span class="glyphicon glyphicon-envelope" aria-hidden="true">&nbsp;按钮2</span>
</button>
<button type="button" class="btn btn-default" aria-label="Left Align">
    <span class="glyphicon glyphicon-search" aria-hidden="true">&nbsp;按钮3</span>
</button>

示例:

更多图标:http://v3.bootcss.com/components/#glyphicons


分享到:
0 0
最新看法:
╭❤呼噜娃♚  时间 2017-10-11 16:24:16  中国山东青岛
沙发
回复
站长 2017-10-13 23:08 中国广东深圳
回复
回复:[主题]
表情:
 提交
清空

我的看法:

IN: