bootstrap 字体图标

最新推荐文章于 2025-06-05 09:23:20 发布

转载最新推荐文章于 2025-06-05 09:23:20 发布 · 60 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xiaozhishang/p/5217133.html

<!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>

转载于:https://www.cnblogs.com/xiaozhishang/p/5217133.html