首页 >web前端 >html教程 >bootstrap字体图标_html/css_WEB-ITnose

bootstrap字体图标_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:34:321627浏览

  1. bootstrap字体图标
  2. http://v3.bootcss.com/components/
  3. <!DOCTYPE HTML><html>    <head>        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">        <title>无标题文档</title>        <meta http-equiv="X-UA-Compatible" content="IE=edge">        <meta name="viewport" content="width=device-width, initial-scale=1">        <link rel="stylesheet" href="css/bootstrap.css">        <style>            .glyphicon-heart {font-size: 100px; color: red;}        </style>    </head><body><div class="container">    <div class="glyphicon glyphicon-heart"></div></div></body>    <script src="js/jquery-2.1.3.js"></script>    <script src="js/bootstrap.js"></script></html>

  4. 上面demo的显示如下
  5. 如何把你的图标转换为WEB字体(可参考此链接制作字体)
  6. http://jingyan.baidu.com/article/f79b7cb346cf499145023e78.html

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn