Bootstrap3基础 glyphicon 设置图标的颜色与大小

时间：2018-01-28 16:29:49 收藏：0 阅读：7471

礼悟：
　　公恒学思合行悟，尊师重道存感恩。叶见寻根三返一，江河湖海同一体。
虚怀若谷良心主，愿行无悔给最苦。读书锻炼养身心，诚劝且行且珍惜。

　　     ide：visual studio 2017　　
            browser：Chrome / Firefox
   　　bootstrap：3.3.7

代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title></title>
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css" />
    <script type="text/javascript" src="bootstrap/js/jquery.min.js"></script>
    <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>

    <style type="text/css">
        .glyphicon-education {
            color:coral;
            font-size:30px;
        }
    </style>
</head>
<body>
    <div class="container">
        <span class="glyphicon glyphicon-education"></span>
    </div>
</body>
</html>

效果

技术分享图片

2018-01-28

　　请看下图

技术分享图片

　　友情链接：http://glyphicons.com/

　　祝愿图标做的越来越漂亮。

Bootstrap，优秀的前端开源框架，值得学习。
学习资源：v3.bootcss.com + itcast和itheima视频库 + 清净的心地。如果您有公开的资源，可以分享给我的话，用您的资源学习也可以。
博文是观看视频后，融入思考写成的。博文好，是老师讲得好。博文坏，是给最苦没认真。