如何使用Bootstrap自带图标

查看可用的字体图标列表：

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 ，就跟设置字体是一样的

巴特西

如何使用Bootstrap自带图标

最新文章

热门文章