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