您的位置：首页 > Web前端 > BootStrap

如何使用Bootstrap自带图标

2017-06-29 15:59 411 查看
查看可用的字体图标列表：

http://www.runoob.com/try/demo_source/bootstrap3-glyph-icons.htm



第一步：下载Bootstrap，发现目录中包含



第二步：只需要简单地使用下面的代码即可



<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>图标应用</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<!-- 调用 -->
<span class="glyphicon glyphicon-adjust"></span>
</body>
</html>


如需改变大小可以用font-size ，就跟设置字体是一样的
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航