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

时间：2018-01-28 16:29:49 阅读：7471 评论：0 收藏：0 [点我收藏+]

标签：感恩 block oct info java maximum 技术分享 targe script

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

　　     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>

效果

技术分享图片