bootstrap 字体图标

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <!-- 处理低版本IE 4.0不考虑IE8 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 移动端视口的设置 -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 引入bootstrap.css -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <style>
        .tips1{
            width:30px;
            height:300px;
            background:black;
            right:0;
        }
        .tips2{
            width:30px;
            height:100px;
            background:blue;
            right:0;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="row">
        <div class="glyphicon glyphicon-share-alt" style="font-size:40px; color:red;"></div>aaaaaaaaaaaa
    </div>

</div>
</body>
<script>
    /*
        Glyphicons 字体图标
            好处
                -减少请求
                -容易控制样式
                -例子 ：淘宝
            用法
                -font-face
            自制图标
                -http://jingyan.baidu.com/article/f79b7cb346cf499145023e78.html
            注：在设置字体图标的时候、font-face路径要正确,单独标签设置图标

     */

</script>