bootstrap中的Glyphicon 字体图标应用

最新推荐文章于 2020-09-01 18:17:24 发布

xxiaowen

最新推荐文章于 2020-09-01 18:17:24 发布

阅读量5.2k

点赞数 1

分类专栏： bootstrap

本文链接：https://blog.csdn.net/wenzhilanyu2012/article/details/43352691

版权

bootstrap 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

代码如下

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Hello</title>

<link href="dist/css/bootstrap.min.css" rel="stylesheet">

<script src="js/jquery-1.11.2.min.js"></script>

<script src="dist/js/bootstrap.min.js"></script>

</head>

<body>

<span class="glyphicon glyphicon-asterisk"></span>

<span class="glyphicon glyphicon-plus"></span>

<span class="glyphicon glyphicon-cloud"></span>

<span class="glyphicon glyphicon-envelope"></span>

<span class="glyphicon glyphicon-heart"></span>

<span class="glyphicon glyphicon-music"></span>



</body>

</html>

效果图