阅读模式:

bootstrap添加文字小图标

查看:10091  回复: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 中国广东深圳
回复
回复:[主题]
表情:
 提交评论
清空

发布评论:


登录:
  表情:
评论话题
推荐阅读:
TCP的三次握手(建立连接)和四次挥手(关闭连接)   阅读:5555php 读取和设置redis的键值   阅读:8956centos 7 安装 samba 服务   阅读:8476centos 7搭建zabbix3.4   阅读:8218php删除一个文件夹内的所有文件夹和文件   阅读:6504分享:淘宝技术这十年   阅读:6052php打印九九乘法表   阅读:14048HTTP 1.1 协议详解   阅读:17805php设置cookie为HttpOnly防止XSS攻击   阅读:15079分享:淘宝技术这十年   阅读:6052面试的时候回去等通知,等电话的真实意思   阅读:28197mysql5.7开启sql日志的配置   阅读:11894centos 7搭建zabbix3.4   阅读:8218centos 7 安装 php-7.1.3   阅读:23413mysql 为什么添加索引可以提高访问速度   阅读:7668浅谈javascript的函数节流   阅读:6177mysql5.7主从同步配置   阅读:9019mysql的四种索引类型   阅读:26011csv文件一键导入数据到mysql数据库   阅读:8487php 读取和设置redis的键值   阅读:8956一键分享到QQ空间、QQ好友、新浪微博、微信代码   阅读:140960javascript获取两个日期间的所有日期   阅读:8726最新centos7 搭建LNMP环境(centos7.2+php7+mysql5.7+nginx1.11+redis3.2)   阅读:12946php 统计网页打开耗时和脚本运行内存   阅读:8370把php session 会话保存到redis   阅读:9208mysql5.7开启sql日志的配置   阅读:11894javascript点击复制内容   阅读:9222mysql5.7开启sql日志的配置   阅读:11894javascript对cookie操作详细代码函数   阅读:6734最简单的Banner轮播淡入淡出效果代码及实现思路(附带源码)   阅读:16036网站局部小图片优化-base64编码图片   阅读:23877centos 7 安装 samba 服务   阅读:8476centos 7 安装 nginx-1.11.10   阅读:10206程序员找工作三要素(必看)   阅读:7081php 统计网页打开耗时和脚本运行内存   阅读:8370用php从1乘到100的值   阅读:7902mysql5.7主从同步配置   阅读:9019nginx编译安装后对nginx进行平滑升级   阅读:8527把php session 会话保存到redis   阅读:9208csv文件一键导入数据到mysql数据库   阅读:8487纯干货,程序员面试的超实用技巧   阅读:5688小米手机端商城rem适配原理   阅读:8457centos 7 安装 nginx-1.11.10   阅读:10206用php从1加到100的值   阅读:10933php显示刚刚、几分钟前、几小时前、几天前的函数   阅读:10677javascript对cookie操作详细代码函数   阅读:6734Nginx 配置文件详解   阅读:6918解决 nginx 413 request entity too large   阅读:6023javascript点击复制内容   阅读:9222最简单的Banner轮播淡入淡出效果代码及实现思路(附带源码)   阅读:16036