码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap中的Glyphicon 字体图标应用

时间:2015-02-01 00:40:12      阅读:188      评论:0      收藏: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>


效果图

技术分享



注:详细说明尽在java教程网

bootstrap中的Glyphicon 字体图标应用

标签:

原文地址:http://blog.csdn.net/wenzhilanyu2012/article/details/43352691

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!