|
|
工具版本兼容问题
Bootstrap提供了总共263种字体图标 可以满足大部分的图标需求
为了能够正常使用bootstrap.min.css文件的上一级目录必须要有 fonts 目录，并且里面有，不能够缺失
示例
1
:
一个字体图标
示例
2
:
字体图标设置颜色
示例
3
:
字体图标上加超链
示例
4
:
在button上使用字体图标
示例
5
:
所有的字体图标
使用class: glyphicon glyphicon-asterisk
<span class="glyphicon glyphicon-asterisk"></span>
");
window.frames["iframe_show1535"].document.write(decodeHtml($("textarea#stepcodeTextarea1535").val()));
window.frames["iframe_show1535"].document.close();
$(window.frames["iframe_show1535"]).load(function(){
$("#iframe_show1535").height($("#iframe_show1535").contents().find("body").height()+showittryitheight);
});
$("#iframe_show1535").height($("#iframe_show1535").contents().find("body").height()+showittryitheight);
setTimeout(function(){
},500);
});
<!DOCTYPE html>
<script src="http://127.0.0.1/study../../../js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://127.0.0.1/study../../../css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://127.0.0.1/study../../../js/bootstrap/3.3.6/bootstrap.min.js"></script>
<span class="glyphicon glyphicon-asterisk"></span>
<!DOCTYPE html>
<script src="http://127.0.0.1/study../../../js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://127.0.0.1/study../../../css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://127.0.0.1/study../../../js/bootstrap/3.3.6/bootstrap.min.js"></script>
<span class="glyphicon glyphicon-asterisk"></span>
");
window.frames["iframe1535"].document.write(decodeHtml(code1535));
window.frames["iframe1535"].document.close();
//load和下面的非load必需并存，因为如果代码用到了jquery就必须使用load的方式
$(window.frames["iframe1535"]).load(function(){
$("#iframe1535").height($("#iframe1535").contents().find("body").height()+showittryitheight);
});
$("#iframe1535").height($("#iframe1535").contents().find("body").height()+showittryitheight);
alreadyWriteCode1535 = code1535;
$("#rendering1535").hide();
$("#rendered1535").show();
}
var tRereshRetry2DemoPanel1535 = setInterval(rereshRetry2DemoPanel1535,1000);
var binded1535 = false;
$("textarea#stepcodeTextarea1535").keyup(function(){
if(!binded1535){
$(window).bind('beforeunload',function(){
binded1535 = true;
return "xxxx";
});
}
var newCode = $(this).val()
code1535 = newCode;
/*below code is replaced by function rereshRetry2DemoPanel()*/
// if(code1535!=newCode){
// window.frames["iframe1535"].document.write("
");
// window.frames["iframe1535"].document.write(decodeHtml($("textarea#stepcodeTextarea1535").val()));
// window.frames["iframe1535"].document.close();
// $(window.frames["iframe1535"]).load(function(){
// $("#iframe1535").height($("#iframe1535").contents().find("body").height()+showittryitheight);
// });
// code1535 = newCode;
// }
});
$(".tryButton1535").click(function(){
$("#tryDiv1535").show();
$("#stepcodeTextarea1535").focus();
$("#stepcodeTextarea1535").height(200);
$("#iframe1535").height(0);
window.frames["iframe1535"].document.write("
");
window.frames["iframe1535"].document.write(decodeHtml($("textarea#stepcodeTextarea1535").val()));
window.frames["iframe1535"].document.close();
//load和下面的非load必需并存，因为如果代码用到了jquery就必须使用load的方式
$(window.frames["iframe1535"]).load(function(){
$("#iframe1535").height($("#iframe1535").contents().find("body").height()+showittryitheight);
});
$("#iframe1535").height($("#iframe1535").contents().find("body").height()+showittryitheight);
this.scrollIntoView(true);
editor1535.focus();
editor1535.setSize(null, "250");
$("#rendering1535").hide();
$("#rendered1535").hide();
});
var mixedMode = {
name: "htmlmixed",
scriptTypes: [{matches: /\/x-handlebars-template|\/x-mustache/i,
mode: null},
{matches: /(text|application)\/(x-)?vb(a|script)/i,
mode: "vbscript"}]
};
var editor1535 = CodeMirror.fromTextArea(document.getElementById("stepcodeTextarea1535"), {
lineNumbers: true,
styleActiveLine: true,
matchBrackets: true,
mode:"text/html",
theme:"eclipse",
selectionPointer: true,
lineWrapping: true,
extraKeys: {
"Alt-/": "autocomplete",
"Ctrl-F": "findPersistent",
"F8": function(cm) {
cm.setOption("fullScreen", !cm.getOption("fullScreen"));
},
"Esc": function(cm) {
if (cm.getOption("fullScreen")) cm.setOption("fullScreen", false);
}
}
});
editor1535.on("change",function(doc){
if(!binded1535){
$(window).bind('beforeunload',function(){
binded1535 = true;
return "xxxx";
});
}
var newCode = doc.getValue();
code1535 = newCode;
$("textarea#stepcodeTextarea1535").val(newCode);
if(alreadyWriteCode1535!=code1535){
lastModifedTime1535 = new Date().getTime();
$("#rendering1535").show();
$("#rendered1535").hide();
}
// alert(doc.getValue());
});
$(".CodeMirror").addClass("form-control");
// var editor1535 = CodeMirror.fromTextArea(, {
// lineNumbers: true,
// styleActiveLine: true,
// matchBrackets: true,
// theme:"eclipse",
// });
editor1535.on("change",function(doc){
// alert(doc.getValue());
});
$("#tryDiv1535").hide();
});
$("div.codemirrorTips span").addClass("glyphicon glyphicon-asterisk");
1. 双击选中单词
2. 三击选中整行
3. CTRL+F 查找
4. F8 全屏编辑，再次点击恢复
|
|
渲染中
渲染完成
|
加一个 文本类 text-success
<span class="glyphicon glyphicon-asterisk text-success"></span>
");
window.frames["iframe_show1537"].document.write(decodeHtml($("textarea#stepcodeTextarea1537").val()));
window.frames["iframe_show1537"].document.close();
$(window.frames["iframe_show1537"]).load(function(){
$("#iframe_show1537").height($("#iframe_show1537").contents().find("body").height()+showittryitheight);
});
$("#iframe_show1537").height($("#iframe_show1537").contents().find("body").height()+showittryitheight);
setTimeout(function(){
},500);
});
<!DOCTYPE html>
<script src="http://127.0.0.1/study../../../js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://127.0.0.1/study../../../css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://127.0.0.1/study../../../js/bootstrap/3.3.6/bootstrap.min.js"></script>
<span class="glyphicon glyphicon-asterisk text-success"></span>
<!DOCTYPE html>
<script src="http://127.0.0.1/study../../../js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://127.0.0.1/study../../../css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://127.0.0.1/study../../../js/bootstrap/3.3.6/bootstrap.min.js"></script>
<span class="glyphicon glyphicon-asterisk text-success"></span>
");
window.frames["iframe1537"].document.write(decodeHtml(code1537));
window.frames["iframe1537"].document.close();
//load和下面的非load必需并存，因为如果代码用到了jquery就必须使用load的方式
$(window.frames["iframe1537"]).load(function(){
$("#iframe1537").height($("#iframe1537").contents().find("body").height()+showittryitheight);
});
$("#iframe1537").height($("#iframe1537").contents().find("body").height()+showittryitheight);
alreadyWriteCode1537 = code1537;
$("#rendering1537").hide();
$("#rendered1537").show();
}
var tRereshRetry2DemoPanel1537 = setInterval(rereshRetry2DemoPanel1537,1000);
var binded1537 = false;
$("textarea#stepcodeTextarea1537").keyup(function(){
if(!binded1537){
$(window).bind('beforeunload',function(){
binded1537 = true;
return "xxxx";
});
}
var newCode = $(this).val()
code1537 = newCode;
/*below code is replaced by function rereshRetry2DemoPanel()*/
// if(code1537!=newCode){
// window.frames["iframe1537"].document.write("
");
// window.frames["iframe1537"].document.write(decodeHtml($("textarea#stepcodeTextarea1537").val()));
// window.frames["iframe1537"].document.close();
// $(window.frames["iframe1537"]).load(function(){
// $("#iframe1537").height($("#iframe1537").contents().find("body").height()+showittryitheight);
// });
// code1537 = newCode;
// }
});
$(".tryButton1537").click(function(){
$("#tryDiv1537").show();
$("#stepcodeTextarea1537").focus();
$("#stepcodeTextarea1537").height(200);
$("#iframe1537").height(0);
window.frames["iframe1537"].document.write("
");
window.frames["iframe1537"].document.write(decodeHtml($("textarea#stepcodeTextarea1537").val()));
window.frames["iframe1537"].document.close();
//load和下面的非load必需并存，因为如果代码用到了jquery就必须使用load的方式
$(window.frames["iframe1537"]).load(function(){
$("#iframe1537").height($("#iframe1537").contents().find("body").height()+showittryitheight);
});
$("#iframe1537").height($("#iframe1537").contents().find("body").height()+showittryitheight);
this.scrollIntoView(true);
editor1537.focus();
editor1537.setSize(null, "250");
$("#rendering1537").hide();
$("#rendered1537").hide();
});
var mixedMode = {
name: "htmlmixed",
scriptTypes: [{matches: /\/x-handlebars-template|\/x-mustache/i,
mode: null},
{matches: /(text|application)\/(x-)?vb(a|script)/i,
mode: "vbscript"}]
};
var editor1537 = CodeMirror.fromTextArea(document.getElementById("stepcodeTextarea1537"), {
lineNumbers: true,
styleActiveLine: true,
matchBrackets: true,
mode:"text/html",
theme:"eclipse",
selectionPointer: true,
lineWrapping: true,
extraKeys: {
"Alt-/": "autocomplete",
"Ctrl-F": "findPersistent",
"F8": function(cm) {
cm.setOption("fullScreen", !cm.getOption("fullScreen"));
},
"Esc": function(cm) {
if (cm.getOption("fullScreen")) cm.setOption("fullScreen", false);
}
}
});
editor1537.on("change",function(doc){
if(!binded1537){
$(window).bind('beforeunload',function(){
binded1537 = true;
return "xxxx";
});
}
var newCode = doc.getValue();
code1537 = newCode;
$("textarea#stepcodeTextarea1537").val(newCode);
if(alreadyWriteCode1537!=code1537){
lastModifedTime1537 = new Date().getTime();
$("#rendering1537").show();
$("#rendered1537").hide();
}
// alert(doc.getValue());
});
$(".CodeMirror").addClass("form-control");
// var editor1537 = CodeMirror.fromTextArea(, {
// lineNumbers: true,
// styleActiveLine: true,
// matchBrackets: true,
// theme:"eclipse",
// });
editor1537.on("change",function(doc){
// alert(doc.getValue());
});
$("#tryDiv1537").hide();
});
$("div.codemirrorTips span").addClass("glyphicon glyphicon-asterisk");
1. 双击选中单词
2. 三击选中整行
3. CTRL+F 查找
4. F8 全屏编辑，再次点击恢复
|
|
渲染中
渲染完成
|
在span外面套一个a标签 <a href="#nowhere"> <span class="glyphicon glyphicon-asterisk"></span> 连接 </a>
");
window.frames["iframe_show1536"].document.write(decodeHtml($("textarea#stepcodeTextarea1536").val()));
window.frames["iframe_show1536"].document.close();
$(window.frames["iframe_show1536"]).load(function(){
$("#iframe_show1536").height($("#iframe_show1536").contents().find("body").height()+showittryitheight);
});
$("#iframe_show1536").height($("#iframe_show1536").contents().find("body").height()+showittryitheight);
setTimeout(function(){
},500);
});
<!DOCTYPE html>
<script src="http://127.0.0.1/study../../../js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://127.0.0.1/study../../../css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://127.0.0.1/study../../../js/bootstrap/3.3.6/bootstrap.min.js"></script>
<a href="#nowhere">
<span class="glyphicon glyphicon-asterisk"></span> 连接
</a>
<!DOCTYPE html>
<script src="http://127.0.0.1/study../../../js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://127.0.0.1/study../../../css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://127.0.0.1/study../../../js/bootstrap/3.3.6/bootstrap.min.js"></script>
<a href="#nowhere">
<span class="glyphicon glyphicon-asterisk"></span> 连接
</a>
");
window.frames["iframe1536"].document.write(decodeHtml(code1536));
window.frames["iframe1536"].document.close();
//load和下面的非load必需并存，因为如果代码用到了jquery就必须使用load的方式
$(window.frames["iframe1536"]).load(function(){
$("#iframe1536").height($("#iframe1536").contents().find("body").height()+showittryitheight);
});
$("#iframe1536").height($("#iframe1536").contents().find("body").height()+showittryitheight);
alreadyWriteCode1536 = code1536;
$("#rendering1536").hide();
$("#rendered1536").show();
}
var tRereshRetry2DemoPanel1536 = setInterval(rereshRetry2DemoPanel1536,1000);
var binded1536 = false;
$("textarea#stepcodeTextarea1536").keyup(function(){
if(!binded1536){
$(window).bind('beforeunload',function(){
binded1536 = true;
return "xxxx";
});
}
var newCode = $(this).val()
code1536 = newCode;
/*below code is replaced by function rereshRetry2DemoPanel()*/
// if(code1536!=newCode){
// window.frames["iframe1536"].document.write("
");
// window.frames["iframe1536"].document.write(decodeHtml($("textarea#stepcodeTextarea1536").val()));
// window.frames["iframe1536"].document.close();
// $(window.frames["iframe1536"]).load(function(){
// $("#iframe1536").height($("#iframe1536").contents().find("body").height()+showittryitheight);
// });
// code1536 = newCode;
// }
});
$(".tryButton1536").click(function(){
$("#tryDiv1536").show();
$("#stepcodeTextarea1536").focus();
$("#stepcodeTextarea1536").height(200);
$("#iframe1536").height(0);
window.frames["iframe1536"].document.write("
");
window.frames["iframe1536"].document.write(decodeHtml($("textarea#stepcodeTextarea1536").val()));
window.frames["iframe1536"].document.close();
//load和下面的非load必需并存，因为如果代码用到了jquery就必须使用load的方式
$(window.frames["iframe1536"]).load(function(){
$("#iframe1536").height($("#iframe1536").contents().find("body").height()+showittryitheight);
});
$("#iframe1536").height($("#iframe1536").contents().find("body").height()+showittryitheight);
this.scrollIntoView(true);
editor1536.focus();
editor1536.setSize(null, "250");
$("#rendering1536").hide();
$("#rendered1536").hide();
});
var mixedMode = {
name: "htmlmixed",
scriptTypes: [{matches: /\/x-handlebars-template|\/x-mustache/i,
mode: null},
{matches: /(text|application)\/(x-)?vb(a|script)/i,
mode: "vbscript"}]
};
var editor1536 = CodeMirror.fromTextArea(document.getElementById("stepcodeTextarea1536"), {
lineNumbers: true,
styleActiveLine: true,
matchBrackets: true,
mode:"text/html",
theme:"eclipse",
selectionPointer: true,
lineWrapping: true,
extraKeys: {
"Alt-/": "autocomplete",
"Ctrl-F": "findPersistent",
"F8": function(cm) {
cm.setOption("fullScreen", !cm.getOption("fullScreen"));
},
"Esc": function(cm) {
if (cm.getOption("fullScreen")) cm.setOption("fullScreen", false);
}
}
});
editor1536.on("change",function(doc){
if(!binded1536){
$(window).bind('beforeunload',function(){
binded1536 = true;
return "xxxx";
});
}
var newCode = doc.getValue();
code1536 = newCode;
$("textarea#stepcodeTextarea1536").val(newCode);
if(alreadyWriteCode1536!=code1536){
lastModifedTime1536 = new Date().getTime();
$("#rendering1536").show();
$("#rendered1536").hide();
}
// alert(doc.getValue());
});
$(".CodeMirror").addClass("form-control");
// var editor1536 = CodeMirror.fromTextArea(, {
// lineNumbers: true,
// styleActiveLine: true,
// matchBrackets: true,
// theme:"eclipse",
// });
editor1536.on("change",function(doc){
// alert(doc.getValue());
});
$("#tryDiv1536").hide();
});
$("div.codemirrorTips span").addClass("glyphicon glyphicon-asterisk");
1. 双击选中单词
2. 三击选中整行
3. CTRL+F 查找
4. F8 全屏编辑，再次点击恢复
|
|
渲染中
渲染完成
|
示例
4
:
在button上使用字体图标
顶
折
在span外面套一个button标签
<button class="btn btn-primary btn">
<span class="glyphicon glyphicon-asterisk"></span> 按钮
</button>
");
window.frames["iframe_show1539"].document.write(decodeHtml($("textarea#stepcodeTextarea1539").val()));
window.frames["iframe_show1539"].document.close();
$(window.frames["iframe_show1539"]).load(function(){
$("#iframe_show1539").height($("#iframe_show1539").contents().find("body").height()+showittryitheight);
});
$("#iframe_show1539").height($("#iframe_show1539").contents().find("body").height()+showittryitheight);
setTimeout(function(){
},500);
});
<!DOCTYPE html>
<script src="http://127.0.0.1/study../../../js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://127.0.0.1/study../../../css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://127.0.0.1/study../../../js/bootstrap/3.3.6/bootstrap.min.js"></script>
<button class="btn btn-primary btn-xs">
<span class="glyphicon glyphicon-asterisk"></span> 最小按钮
</button>
<button class="btn btn-primary btn">
<span class="glyphicon glyphicon-asterisk"></span> 按钮
</button>
<!DOCTYPE html>
<script src="http://127.0.0.1/study../../../js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://127.0.0.1/study../../../css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://127.0.0.1/study../../../js/bootstrap/3.3.6/bootstrap.min.js"></script>
<button class="btn btn-primary btn-xs">
<span class="glyphicon glyphicon-asterisk"></span> 最小按钮
</button>
<button class="btn btn-primary btn">
<span class="glyphicon glyphicon-asterisk"></span> 按钮
</button>
");
window.frames["iframe1539"].document.write(decodeHtml(code1539));
window.frames["iframe1539"].document.close();
//load和下面的非load必需并存，因为如果代码用到了jquery就必须使用load的方式
$(window.frames["iframe1539"]).load(function(){
$("#iframe1539").height($("#iframe1539").contents().find("body").height()+showittryitheight);
});
$("#iframe1539").height($("#iframe1539").contents().find("body").height()+showittryitheight);
alreadyWriteCode1539 = code1539;
$("#rendering1539").hide();
$("#rendered1539").show();
}
var tRereshRetry2DemoPanel1539 = setInterval(rereshRetry2DemoPanel1539,1000);
var binded1539 = false;
$("textarea#stepcodeTextarea1539").keyup(function(){
if(!binded1539){
$(window).bind('beforeunload',function(){
binded1539 = true;
return "xxxx";
});
}
var newCode = $(this).val()
code1539 = newCode;
/*below code is replaced by function rereshRetry2DemoPanel()*/
// if(code1539!=newCode){
// window.frames["iframe1539"].document.write("
");
// window.frames["iframe1539"].document.write(decodeHtml($("textarea#stepcodeTextarea1539").val()));
// window.frames["iframe1539"].document.close();
// $(window.frames["iframe1539"]).load(function(){
// $("#iframe1539").height($("#iframe1539").contents().find("body").height()+showittryitheight);
// });
// code1539 = newCode;
// }
});
$(".tryButton1539").click(function(){
$("#tryDiv1539").show();
$("#stepcodeTextarea1539").focus();
$("#stepcodeTextarea1539").height(200);
$("#iframe1539").height(0);
window.frames["iframe1539"].document.write("
");
window.frames["iframe1539"].document.write(decodeHtml($("textarea#stepcodeTextarea1539").val()));
window.frames["iframe1539"].document.close();
//load和下面的非load必需并存，因为如果代码用到了jquery就必须使用load的方式
$(window.frames["iframe1539"]).load(function(){
$("#iframe1539").height($("#iframe1539").contents().find("body").height()+showittryitheight);
});
$("#iframe1539").height($("#iframe1539").contents().find("body").height()+showittryitheight);
this.scrollIntoView(true);
editor1539.focus();
editor1539.setSize(null, "250");
$("#rendering1539").hide();
$("#rendered1539").hide();
});
var mixedMode = {
name: "htmlmixed",
scriptTypes: [{matches: /\/x-handlebars-template|\/x-mustache/i,
mode: null},
{matches: /(text|application)\/(x-)?vb(a|script)/i,
mode: "vbscript"}]
};
var editor1539 = CodeMirror.fromTextArea(document.getElementById("stepcodeTextarea1539"), {
lineNumbers: true,
styleActiveLine: true,
matchBrackets: true,
mode:"text/html",
theme:"eclipse",
selectionPointer: true,
lineWrapping: true,
extraKeys: {
"Alt-/": "autocomplete",
"Ctrl-F": "findPersistent",
"F8": function(cm) {
cm.setOption("fullScreen", !cm.getOption("fullScreen"));
},
"Esc": function(cm) {
if (cm.getOption("fullScreen")) cm.setOption("fullScreen", false);
}
}
});
editor1539.on("change",function(doc){
if(!binded1539){
$(window).bind('beforeunload',function(){
binded1539 = true;
return "xxxx";
});
}
var newCode = doc.getValue();
code1539 = newCode;
$("textarea#stepcodeTextarea1539").val(newCode);
if(alreadyWriteCode1539!=code1539){
lastModifedTime1539 = new Date().getTime();
$("#rendering1539").show();
$("#rendered1539").hide();
}
// alert(doc.getValue());
});
$(".CodeMirror").addClass("form-control");
// var editor1539 = CodeMirror.fromTextArea(, {
// lineNumbers: true,
// styleActiveLine: true,
// matchBrackets: true,
// theme:"eclipse",
// });
editor1539.on("change",function(doc){
// alert(doc.getValue());
});
$("#tryDiv1539").hide();
});
$("div.codemirrorTips span").addClass("glyphicon glyphicon-asterisk");
1. 双击选中单词
2. 三击选中整行
3. CTRL+F 查找
4. F8 全屏编辑，再次点击恢复
|
|
渲染中
渲染完成
|
");
window.frames["iframe_show1538"].document.write(decodeHtml($("textarea#stepcodeTextarea1538").val()));
window.frames["iframe_show1538"].document.close();
$(window.frames["iframe_show1538"]).load(function(){
$("#iframe_show1538").height($("#iframe_show1538").contents().find("body").height()+showittryitheight);
});
$("#iframe_show1538").height($("#iframe_show1538").contents().find("body").height()+showittryitheight);
setTimeout(function(){
},500);
});
<!DOCTYPE html>
<script src="http://127.0.0.1/study../../../js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://127.0.0.1/study../../../css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://127.0.0.1/study../../../js/bootstrap/3.3.6/bootstrap.min.js"></script>
<style>
body{
font-family:宋体;
}
</style>
<table class="table table-striped table-bordered table-hover table-condensed" >
<thead>
<th>预览</th>
<th>class</th>
<th>图标</th>
</thead>
<tbody>
<tr>
<td><span class="glyphicon glyphicon-asterisk"></span></td>
<td>glyphicon glyphicon-asterisk</td>
<td>菊花</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-plus"></span></td>
<td>glyphicon glyphicon-plus</td>
<td>加号</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-euro"></span></td>
<td>glyphicon glyphicon-euro</td>
<td>欧元</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-eur"></span></td>
<td>glyphicon glyphicon-eur</td>
<td>欧元</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-minus"></span></td>
<td>glyphicon glyphicon-minus</td>
<td>减号</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-cloud"></span></td>
<td>glyphicon glyphicon-cloud</td>
<td>云</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-envelope"></span></td>
<td>glyphicon glyphicon-envelope</td>
<td>信封</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-pencil"></span></td>
<td>glyphicon glyphicon-pencil</td>
<td>铅笔</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-glass"></span></td>
<td>glyphicon glyphicon-glass</td>
<td>酒杯</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-music"></span></td>
<td>glyphicon glyphicon-music</td>
<td>音乐</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-search"></span></td>
<td>glyphicon glyphicon-search</td>
<td>搜索</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-heart"></span></td>
<td>glyphicon glyphicon-heart</td>
<td>心型</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-star"></span></td>
<td>glyphicon glyphicon-star</td>
<td>明星</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-star-empty"></span></td>
<td>glyphicon glyphicon-star-empty</td>
<td>星空</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-user"></span></td>
<td>glyphicon glyphicon-user</td>
<td>用户</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-film"></span></td>
<td>glyphicon glyphicon-film</td>
<td>电影</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-th-large"></span></td>
<td>glyphicon glyphicon-th-large</td>
<td>粗颗粒</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-th"></span></td>
<td>glyphicon glyphicon-th</td>
<td>细颗粒</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-th-list"></span></td>
<td>glyphicon glyphicon-th-list</td>
<td>列表</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-ok"></span></td>
<td>glyphicon glyphicon-ok</td>
<td>成功</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-remove"></span></td>
<td>glyphicon glyphicon-remove</td>
<td>删除</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-zoom-in"></span></td>
<td>glyphicon glyphicon-zoom-in</td>
<td>放大</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-zoom-out"></span></td>
<td>glyphicon glyphicon-zoom-out</td>
<td>缩小</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-off"></span></td>
<td>glyphicon glyphicon-off</td>
<td>关闭</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-signal"></span></td>
<td>glyphicon glyphicon-signal</td>
<td>信号</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-cog"></span></td>
<td>glyphicon glyphicon-cog</td>
<td>设置</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-trash"></span></td>
<td>glyphicon glyphicon-trash</td>
<td>垃圾箱</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-home"></span></td>
<td>glyphicon glyphicon-home</td>
<td>主页</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-file"></span></td>
<td>glyphicon glyphicon-file</td>
<td>文件</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-time"></span></td>
<td>glyphicon glyphicon-time</td>
<td>时间</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-road"></span></td>
<td>glyphicon glyphicon-road</td>
<td>道路</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-download-alt"></span></td>
<td>glyphicon glyphicon-download-alt</td>
<td>下载</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-download"></span></td>
<td>glyphicon glyphicon-download</td>
<td>下载</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-upload"></span></td>
<td>glyphicon glyphicon-upload</td>
<td>上传</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-inbox"></span></td>
<td>glyphicon glyphicon-inbox</td>
<td>收件箱</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-play-circle"></span></td>
<td>glyphicon glyphicon-play-circle</td>
<td>播放</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-repeat"></span></td>
<td>glyphicon glyphicon-repeat</td>
<td>重复</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-refresh"></span></td>
<td>glyphicon glyphicon-refresh</td>
<td>刷新</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-list-alt"></span></td>
<td>glyphicon glyphicon-list-alt</td>
<td>列表</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-lock"></span></td>
<td>glyphicon glyphicon-lock</td>
<td>锁定</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-flag"></span></td>
<td>glyphicon glyphicon-flag</td>
<td>旗帜</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-headphones"></span></td>
<td>glyphicon glyphicon-headphones</td>
<td>耳机</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-volume-off"></span></td>
<td>glyphicon glyphicon-volume-off</td>
<td>静音</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-volume-down"></span></td>
<td>glyphicon glyphicon-volume-down</td>
<td>调低音量</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-volume-up"></span></td>
<td>glyphicon glyphicon-volume-up</td>
<td>调高音量</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-qrcode"></span></td>
<td>glyphicon glyphicon-qrcode</td>
<td>二维码</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-barcode"></span></td>
<td>glyphicon glyphicon-barcode</td>
<td>条码</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-tag"></span></td>
<td>glyphicon glyphicon-tag</td>
<td>标签</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-tags"></span></td>
<td>glyphicon glyphicon-tags</td>
<td>复数标签</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-book"></span></td>
<td>glyphicon glyphicon-book</td>
<td>书籍</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-bookmark"></span></td>
<td>glyphicon glyphicon-bookmark</td>
<td>书签</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-print"></span></td>
<td>glyphicon glyphicon-print</td>
<td>打印</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-camera"></span></td>
<td>glyphicon glyphicon-camera</td>
<td>相机</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-font"></span></td>
<td>glyphicon glyphicon-font</td>
<td>字体</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-bold"></span></td>
<td>glyphicon glyphicon-bold</td>
<td>粗体</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-italic"></span></td>
<td>glyphicon glyphicon-italic</td>
<td>斜体</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-text-height"></span></td>
<td>glyphicon glyphicon-text-height</td>
<td>文本高度</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-text-width"></span></td>
<td>glyphicon glyphicon-text-width</td>
<td>文本宽度</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-align-left"></span></td>
<td>glyphicon glyphicon-align-left</td>
<td>左对齐</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-align-center"></span></td>
<td>glyphicon glyphicon-align-center</td>
<td>居中对齐</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-align-right"></span></td>
<td>glyphicon glyphicon-align-right</td>
<td>右对齐</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-align-justify"></span></td>
<td>glyphicon glyphicon-align-justify</td>
<td>对齐</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-list"></span></td>
<td>glyphicon glyphicon-list</td>
<td>列表</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-indent-left"></span></td>
<td>glyphicon glyphicon-indent-left</td>
<td>左缩进</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-indent-right"></span></td>
<td>glyphicon glyphicon-indent-right</td>
<td>右缩进</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-facetime-video"></span></td>
<td>glyphicon glyphicon-facetime-video</td>
<td>视频</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-picture"></span></td>
<td>glyphicon glyphicon-picture</td>
<td>图片</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-map-marker"></span></td>
<td>glyphicon glyphicon-map-marker</td>
<td>地图标记</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-adjust"></span></td>
<td>glyphicon glyphicon-adjust</td>
<td>调整</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-tint"></span></td>
<td>glyphicon glyphicon-tint</td>
<td>色彩</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-edit"></span></td>
<td>glyphicon glyphicon-edit</td>
<td>编辑</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-share"></span></td>
<td>glyphicon glyphicon-share</td>
<td>分享</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-check"></span></td>
<td>glyphicon glyphicon-check</td>
<td>检查</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-move"></span></td>
<td>glyphicon glyphicon-move</td>
<td>移动</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-step-backward"></span></td>
<td>glyphicon glyphicon-step-backward</td>
<td>单步后退</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-fast-backward"></span></td>
<td>glyphicon glyphicon-fast-backward</td>
<td>快速后退</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-backward"></span></td>
<td>glyphicon glyphicon-backward</td>
<td>后退</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-play"></span></td>
<td>glyphicon glyphicon-play</td>
<td>播放</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-pause"></span></td>
<td>glyphicon glyphicon-pause</td>
<td>暂停</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-stop"></span></td>
<td>glyphicon glyphicon-stop</td>
<td>停止</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-forward"></span></td>
<td>glyphicon glyphicon-forward</td>
<td>前进</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-fast-forward"></span></td>
<td>glyphicon glyphicon-fast-forward</td>
<td>快速前进</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-step-forward"></span></td>
<td>glyphicon glyphicon-step-forward</td>
<td>单步向前</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-eject"></span></td>
<td>glyphicon glyphicon-eject</td>
<td>弹出</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-chevron-left"></span></td>
<td>glyphicon glyphicon-chevron-left</td>
<td>左</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-chevron-right"></span></td>
<td>glyphicon glyphicon-chevron-right</td>
<td>右</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-plus-sign"></span></td>
<td>glyphicon glyphicon-plus-sign</td>
<td>增加</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-minus-sign"></span></td>
<td>glyphicon glyphicon-minus-sign</td>
<td>减少</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-remove-sign"></span></td>
<td>glyphicon glyphicon-remove-sign</td>
<td>删除</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-ok-sign"></span></td>
<td>glyphicon glyphicon-ok-sign</td>
<td>确定</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-question-sign"></span></td>
<td>glyphicon glyphicon-question-sign</td>
<td>问题</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-info-sign"></span></td>
<td>glyphicon glyphicon-info-sign</td>
<td>信息</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-screenshot"></span></td>
<td>glyphicon glyphicon-screenshot</td>
<td>截图</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-remove-circle"></span></td>
<td>glyphicon glyphicon-remove-circle</td>
<td>删除</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-ok-circle"></span></td>
<td>glyphicon glyphicon-ok-circle</td>
<td>确定</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-ban-circle"></span></td>
<td>glyphicon glyphicon-ban-circle</td>
<td>禁止</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-arrow-left"></span></td>
<td>glyphicon glyphicon-arrow-left</td>
<td>左箭头</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-arrow-right"></span></td>
<td>glyphicon glyphicon-arrow-right</td>
<td>右箭头</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-arrow-up"></span></td>
<td>glyphicon glyphicon-arrow-up</td>
<td>上箭头</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-arrow-down"></span></td>
<td>glyphicon glyphicon-arrow-down</td>
<td>下箭头</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-share-alt"></span></td>
<td>glyphicon glyphicon-share-alt</td>
<td>分享</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-resize-full"></span></td>
<td>glyphicon glyphicon-resize-full</td>
<td>打开</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-resize-small"></span></td>
<td>glyphicon glyphicon-resize-small</td>
<td>关闭</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-exclamation-sign"></span></td>
<td>glyphicon glyphicon-exclamation-sign</td>
<td>感叹号</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-gift"></span></td>
<td>glyphicon glyphicon-gift</td>
<td>礼物</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-leaf"></span></td>
<td>glyphicon glyphicon-leaf</td>
<td>树叶</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-fire"></span></td>
<td>glyphicon glyphicon-fire</td>
<td>火焰</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-eye-open"></span></td>
<td>glyphicon glyphicon-eye-open</td>
<td>睁眼</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-eye-close"></span></td>
<td>glyphicon glyphicon-eye-close</td>
<td>闭眼</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-warning-sign"></span></td>
<td>glyphicon glyphicon-warning-sign</td>
<td>警告</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-plane"></span></td>
<td>glyphicon glyphicon-plane</td>
<td>飞机</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-calendar"></span></td>
<td>glyphicon glyphicon-calendar</td>
<td>日历</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-random"></span></td>
<td>glyphicon glyphicon-random</td>
<td>随机播放</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-comment"></span></td>
<td>glyphicon glyphicon-comment</td>
<td>评论</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-magnet"></span></td>
<td>glyphicon glyphicon-magnet</td>
<td>磁铁</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-chevron-up"></span></td>
<td>glyphicon glyphicon-chevron-up</td>
<td>上调</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-chevron-down"></span></td>
<td>glyphicon glyphicon-chevron-down</td>
<td>下调</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-retweet"></span></td>
<td>glyphicon glyphicon-retweet</td>
<td>转发</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-shopping-cart"></span></td>
<td>glyphicon glyphicon-shopping-cart</td>
<td>购物车</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-folder-close"></span></td>
<td>glyphicon glyphicon-folder-close</td>
<td>关闭文件夹</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-folder-open"></span></td>
<td>glyphicon glyphicon-folder-open</td>
<td>打开文件夹</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-resize-vertical"></span></td>
<td>glyphicon glyphicon-resize-vertical</td>
<td>垂直调整</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-resize-horizontal"></span></td>
<td>glyphicon glyphicon-resize-horizontal</td>
<td>水平调整</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-hdd"></span></td>
<td>glyphicon glyphicon-hdd</td>
<td>硬盘</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-bullhorn"></span></td>
<td>glyphicon glyphicon-bullhorn</td>
<td>扩音器</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-bell"></span></td>
<td>glyphicon glyphicon-bell</td>
<td>铃铛</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-certificate"></span></td>
<td>glyphicon glyphicon-certificate</td>
<td>证书</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-thumbs-up"></span></td>
<td>glyphicon glyphicon-thumbs-up</td>
<td>赞同</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-thumbs-down"></span></td>
<td>glyphicon glyphicon-thumbs-down</td>
<td>否定</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-hand-right"></span></td>
<td>glyphicon glyphicon-hand-right</td>
<td>右手</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-hand-left"></span></td>
<td>glyphicon glyphicon-hand-left</td>
<td>左手</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-hand-up"></span></td>
<td>glyphicon glyphicon-hand-up</td>
<td>举起手</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-hand-down"></span></td>
<td>glyphicon glyphicon-hand-down</td>
<td>放下手</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-circle-arrow-right"></span></td>
<td>glyphicon glyphicon-circle-arrow-right</td>
<td>右箭头</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-circle-arrow-left"></span></td>
<td>glyphicon glyphicon-circle-arrow-left</td>
<td>左箭头</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-circle-arrow-up"></span></td>
<td>glyphicon glyphicon-circle-arrow-up</td>
<td>上箭头</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-circle-arrow-down"></span></td>
<td>glyphicon glyphicon-circle-arrow-down</td>
<td>下箭头</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-globe"></span></td>
<td>glyphicon glyphicon-globe</td>
<td>全球</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-wrench"></span></td>
<td>glyphicon glyphicon-wrench</td>
<td>扳手</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-tasks"></span></td>
<td>glyphicon glyphicon-tasks</td>
<td>任务</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-filter"></span></td>
<td>glyphicon glyphicon-filter</td>
<td>过滤器</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-briefcase"></span></td>
<td>glyphicon glyphicon-briefcase</td>
<td>公文包</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-fullscreen"></span></td>
<td>glyphicon glyphicon-fullscreen</td>
<td>全屏</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-dashboard"></span></td>
<td>glyphicon glyphicon-dashboard</td>
<td>仪表板</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-paperclip"></span></td>
<td>glyphicon glyphicon-paperclip</td>
<td>回形针</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-heart-empty"></span></td>
<td>glyphicon glyphicon-heart-empty</td>
<td>空的心型</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-link"></span></td>
<td>glyphicon glyphicon-link</td>
<td>链接</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-phone"></span></td>
<td>glyphicon glyphicon-phone</td>
<td>手机</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-pushpin"></span></td>
<td>glyphicon glyphicon-pushpin</td>
<td>图钉</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-usd"></span></td>
<td>glyphicon glyphicon-usd</td>
<td>美元</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-gbp"></span></td>
<td>glyphicon glyphicon-gbp</td>
<td>英镑</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sort"></span></td>
<td>glyphicon glyphicon-sort</td>
<td>排序</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sort-by-alphabet"></span></td>
<td>glyphicon glyphicon-sort-by-alphabet</td>
<td>字母正序</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sort-by-alphabet-alt"></span></td>
<td>glyphicon glyphicon-sort-by-alphabet-alt</td>
<td>字母倒序</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sort-by-order"></span></td>
<td>glyphicon glyphicon-sort-by-order</td>
<td>数字正序</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sort-by-order-alt"></span></td>
<td>glyphicon glyphicon-sort-by-order-alt</td>
<td>数字倒序</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sort-by-attributes"></span></td>
<td>glyphicon glyphicon-sort-by-attributes</td>
<td>属性正序</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sort-by-attributes-alt"></span></td>
<td>glyphicon glyphicon-sort-by-attributes-alt</td>
<td>属性倒序</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-unchecked"></span></td>
<td>glyphicon glyphicon-unchecked</td>
<td>未选中</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-expand"></span></td>
<td>glyphicon glyphicon-expand</td>
<td>扩展</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-collapse-down"></span></td>
<td>glyphicon glyphicon-collapse-down</td>
<td>向下扩展</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-collapse-up"></span></td>
<td>glyphicon glyphicon-collapse-up</td>
<td>向上扩展</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-log-in"></span></td>
<td>glyphicon glyphicon-log-in</td>
<td>登录</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-flash"></span></td>
<td>glyphicon glyphicon-flash</td>
<td>闪电</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-log-out"></span></td>
<td>glyphicon glyphicon-log-out</td>
<td>注销</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-new-window"></span></td>
<td>glyphicon glyphicon-new-window</td>
<td>新窗口</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-record"></span></td>
<td>glyphicon glyphicon-record</td>
<td>记录</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-save"></span></td>
<td>glyphicon glyphicon-save</td>
<td>已保存</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-open"></span></td>
<td>glyphicon glyphicon-open</td>
<td>打开</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-saved"></span></td>
<td>glyphicon glyphicon-saved</td>
<td>保存的</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-import"></span></td>
<td>glyphicon glyphicon-import</td>
<td>导入</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-export"></span></td>
<td>glyphicon glyphicon-export</td>
<td>导出</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-send"></span></td>
<td>glyphicon glyphicon-send</td>
<td>发送</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-floppy-disk"></span></td>
<td>glyphicon glyphicon-floppy-disk</td>
<td>软盘</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-floppy-saved"></span></td>
<td>glyphicon glyphicon-floppy-saved</td>
<td>软盘已保存</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-floppy-remove"></span></td>
<td>glyphicon glyphicon-floppy-remove</td>
<td>软盘删除</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-floppy-save"></span></td>
<td>glyphicon glyphicon-floppy-save</td>
<td>软盘保存</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-floppy-open"></span></td>
<td>glyphicon glyphicon-floppy-open</td>
<td>软盘打开</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-credit-card"></span></td>
<td>glyphicon glyphicon-credit-card</td>
<td>信用卡</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-transfer"></span></td>
<td>glyphicon glyphicon-transfer</td>
<td>转移</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-cutlery"></span></td>
<td>glyphicon glyphicon-cutlery</td>
<td>餐具</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-header"></span></td>
<td>glyphicon glyphicon-header</td>
<td>标题</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-compressed"></span></td>
<td>glyphicon glyphicon-compressed</td>
<td>压缩</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-earphone"></span></td>
<td>glyphicon glyphicon-earphone</td>
<td>听筒</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-phone-alt"></span></td>
<td>glyphicon glyphicon-phone-alt</td>
<td>电话</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-tower"></span></td>
<td>glyphicon glyphicon-tower</td>
<td>塔</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-stats"></span></td>
<td>glyphicon glyphicon-stats</td>
<td>统计</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sd-video"></span></td>
<td>glyphicon glyphicon-sd-video</td>
<td>标清视频</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-hd-video"></span></td>
<td>glyphicon glyphicon-hd-video</td>
<td>高清视频</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-subtitles"></span></td>
<td>glyphicon glyphicon-subtitles</td>
<td>字幕</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sound-stereo"></span></td>
<td>glyphicon glyphicon-sound-stereo</td>
<td>音响音响</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sound-dolby"></span></td>
<td>glyphicon glyphicon-sound-dolby</td>
<td>声音杜比</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sound-5-1"></span></td>
<td>glyphicon glyphicon-sound-5-1</td>
<td>sound-5-1</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sound-6-1"></span></td>
<td>glyphicon glyphicon-sound-6-1</td>
<td>sound-6-1</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sound-7-1"></span></td>
<td>glyphicon glyphicon-sound-7-1</td>
<td>sound-7-1</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-copyright-mark"></span></td>
<td>glyphicon glyphicon-copyright-mark</td>
<td>版权标志</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-registration-mark"></span></td>
<td>glyphicon glyphicon-registration-mark</td>
<td>注册商标</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-cloud-download"></span></td>
<td>glyphicon glyphicon-cloud-download</td>
<td>云下载</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-cloud-upload"></span></td>
<td>glyphicon glyphicon-cloud-upload</td>
<td>云上传</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-tree-conifer"></span></td>
<td>glyphicon glyphicon-tree-conifer</td>
<td>针叶树</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-tree-deciduous"></span></td>
<td>glyphicon glyphicon-tree-deciduous</td>
<td>落叶树</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-cd"></span></td>
<td>glyphicon glyphicon-cd</td>
<td>CD</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-save-file"></span></td>
<td>glyphicon glyphicon-save-file</td>
<td>保存文件</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-open-file"></span></td>
<td>glyphicon glyphicon-open-file</td>
<td>打开文件</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-level-up"></span></td>
<td>glyphicon glyphicon-level-up</td>
<td>水平上升</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-copy"></span></td>
<td>glyphicon glyphicon-copy</td>
<td>复制</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-paste"></span></td>
<td>glyphicon glyphicon-paste</td>
<td>粘贴</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-alert"></span></td>
<td>glyphicon glyphicon-alert</td>
<td>警报</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-equalizer"></span></td>
<td>glyphicon glyphicon-equalizer</td>
<td>均衡器</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-king"></span></td>
<td>glyphicon glyphicon-king</td>
<td>国王</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-queen"></span></td>
<td>glyphicon glyphicon-queen</td>
<td>女王</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-pawn"></span></td>
<td>glyphicon glyphicon-pawn</td>
<td>小卒</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-bishop"></span></td>
<td>glyphicon glyphicon-bishop</td>
<td>主教</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-knight"></span></td>
<td>glyphicon glyphicon-knight</td>
<td>骑士</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-baby-formula"></span></td>
<td>glyphicon glyphicon-baby-formula</td>
<td>婴儿配方</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-tent"></span></td>
<td>glyphicon glyphicon-tent</td>
<td>帐篷</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-blackboard"></span></td>
<td>glyphicon glyphicon-blackboard</td>
<td>黑板</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-bed"></span></td>
<td>glyphicon glyphicon-bed</td>
<td>床</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-apple"></span></td>
<td>glyphicon glyphicon-apple</td>
<td>苹果</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-erase"></span></td>
<td>glyphicon glyphicon-erase</td>
<td>擦除</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-hourglass"></span></td>
<td>glyphicon glyphicon-hourglass</td>
<td>沙漏</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-lamp"></span></td>
<td>glyphicon glyphicon-lamp</td>
<td>灯</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-duplicate"></span></td>
<td>glyphicon glyphicon-duplicate</td>
<td>复制</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-piggy-bank"></span></td>
<td>glyphicon glyphicon-piggy-bank</td>
<td>储蓄罐</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-scissors"></span></td>
<td>glyphicon glyphicon-scissors</td>
<td>剪刀</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-bitcoin"></span></td>
<td>glyphicon glyphicon-bitcoin</td>
<td>比特币</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-btc"></span></td>
<td>glyphicon glyphicon-btc</td>
<td>比特币</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-xbt"></span></td>
<td>glyphicon glyphicon-xbt</td>
<td>比特币</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-yen"></span></td>
<td>glyphicon glyphicon-yen</td>
<td>日元</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-jpy"></span></td>
<td>glyphicon glyphicon-jpy</td>
<td>日元</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-ruble"></span></td>
<td>glyphicon glyphicon-ruble</td>
<td>卢布</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-rub"></span></td>
<td>glyphicon glyphicon-rub</td>
<td>卢布</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-scale"></span></td>
<td>glyphicon glyphicon-scale</td>
<td>仪表</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-ice-lolly"></span></td>
<td>glyphicon glyphicon-ice-lolly</td>
<td>冰棍</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-ice-lolly-tasted"></span></td>
<td>glyphicon glyphicon-ice-lolly-tasted</td>
<td>雪糕口味</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-education"></span></td>
<td>glyphicon glyphicon-education</td>
<td>教育</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-option-horizontal"></span></td>
<td>glyphicon glyphicon-option-horizontal</td>
<td>水平</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-option-vertical"></span></td>
<td>glyphicon glyphicon-option-vertical</td>
<td>垂直</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-menu-hamburger"></span></td>
<td>glyphicon glyphicon-menu-hamburger</td>
<td>菜单</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-modal-window"></span></td>
<td>glyphicon glyphicon-modal-window</td>
<td>模态窗口</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-oil"></span></td>
<td>glyphicon glyphicon-oil</td>
<td>油</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-grain"></span></td>
<td>glyphicon glyphicon-grain</td>
<td>粮食</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sunglasses"></span></td>
<td>glyphicon glyphicon-sunglasses</td>
<td>太阳镜</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-text-size"></span></td>
<td>glyphicon glyphicon-text-size</td>
<td>文本大小</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-text-color"></span></td>
<td>glyphicon glyphicon-text-color</td>
<td>文本颜色</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-text-background"></span></td>
<td>glyphicon glyphicon-text-background</td>
<td>文本背景</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-object-align-top"></span></td>
<td>glyphicon glyphicon-object-align-top</td>
<td>向上对齐</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-object-align-bottom"></span></td>
<td>glyphicon glyphicon-object-align-bottom</td>
<td>向下对齐</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-object-align-horizontal"></span></td>
<td>glyphicon glyphicon-object-align-horizontal</td>
<td>水平对齐</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-object-align-left"></span></td>
<td>glyphicon glyphicon-object-align-left</td>
<td>左对齐</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-object-align-vertical"></span></td>
<td>glyphicon glyphicon-object-align-vertical</td>
<td>垂直对齐</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-object-align-right"></span></td>
<td>glyphicon glyphicon-object-align-right</td>
<td>右对齐</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-triangle-right"></span></td>
<td>glyphicon glyphicon-triangle-right</td>
<td>三角右</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-triangle-left"></span></td>
<td>glyphicon glyphicon-triangle-left</td>
<td>三角左</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-triangle-bottom"></span></td>
<td>glyphicon glyphicon-triangle-bottom</td>
<td>三角下</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-triangle-top"></span></td>
<td>glyphicon glyphicon-triangle-top</td>
<td>三角上</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-console"></span></td>
<td>glyphicon glyphicon-console</td>
<td>控制台</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-superscript"></span></td>
<td>glyphicon glyphicon-superscript</td>
<td>上标</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-subscript"></span></td>
<td>glyphicon glyphicon-subscript</td>
<td>下标</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-menu-left"></span></td>
<td>glyphicon glyphicon-menu-left</td>
<td>左菜单</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-menu-right"></span></td>
<td>glyphicon glyphicon-menu-right</td>
<td>右菜单</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-menu-down"></span></td>
<td>glyphicon glyphicon-menu-down</td>
<td>下菜单</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-menu-up"></span></td>
<td>glyphicon glyphicon-menu-up</td>
<td>上菜单</td>
</tr>
</tbody>
</table>
<!DOCTYPE html>
<script src="http://127.0.0.1/study../../../js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://127.0.0.1/study../../../css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://127.0.0.1/study../../../js/bootstrap/3.3.6/bootstrap.min.js"></script>
<style>
body{
font-family:宋体;
}
</style>
<table class="table table-striped table-bordered table-hover table-condensed" >
<thead>
<th>预览</th>
<th>class</th>
<th>图标</th>
</thead>
<tbody>
<tr>
<td><span class="glyphicon glyphicon-asterisk"></span></td>
<td>glyphicon glyphicon-asterisk</td>
<td>菊花</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-plus"></span></td>
<td>glyphicon glyphicon-plus</td>
<td>加号</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-euro"></span></td>
<td>glyphicon glyphicon-euro</td>
<td>欧元</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-eur"></span></td>
<td>glyphicon glyphicon-eur</td>
<td>欧元</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-minus"></span></td>
<td>glyphicon glyphicon-minus</td>
<td>减号</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-cloud"></span></td>
<td>glyphicon glyphicon-cloud</td>
<td>云</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-envelope"></span></td>
<td>glyphicon glyphicon-envelope</td>
<td>信封</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-pencil"></span></td>
<td>glyphicon glyphicon-pencil</td>
<td>铅笔</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-glass"></span></td>
<td>glyphicon glyphicon-glass</td>
<td>酒杯</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-music"></span></td>
<td>glyphicon glyphicon-music</td>
<td>音乐</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-search"></span></td>
<td>glyphicon glyphicon-search</td>
<td>搜索</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-heart"></span></td>
<td>glyphicon glyphicon-heart</td>
<td>心型</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-star"></span></td>
<td>glyphicon glyphicon-star</td>
<td>明星</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-star-empty"></span></td>
<td>glyphicon glyphicon-star-empty</td>
<td>星空</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-user"></span></td>
<td>glyphicon glyphicon-user</td>
<td>用户</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-film"></span></td>
<td>glyphicon glyphicon-film</td>
<td>电影</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-th-large"></span></td>
<td>glyphicon glyphicon-th-large</td>
<td>粗颗粒</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-th"></span></td>
<td>glyphicon glyphicon-th</td>
<td>细颗粒</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-th-list"></span></td>
<td>glyphicon glyphicon-th-list</td>
<td>列表</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-ok"></span></td>
<td>glyphicon glyphicon-ok</td>
<td>成功</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-remove"></span></td>
<td>glyphicon glyphicon-remove</td>
<td>删除</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-zoom-in"></span></td>
<td>glyphicon glyphicon-zoom-in</td>
<td>放大</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-zoom-out"></span></td>
<td>glyphicon glyphicon-zoom-out</td>
<td>缩小</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-off"></span></td>
<td>glyphicon glyphicon-off</td>
<td>关闭</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-signal"></span></td>
<td>glyphicon glyphicon-signal</td>
<td>信号</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-cog"></span></td>
<td>glyphicon glyphicon-cog</td>
<td>设置</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-trash"></span></td>
<td>glyphicon glyphicon-trash</td>
<td>垃圾箱</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-home"></span></td>
<td>glyphicon glyphicon-home</td>
<td>主页</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-file"></span></td>
<td>glyphicon glyphicon-file</td>
<td>文件</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-time"></span></td>
<td>glyphicon glyphicon-time</td>
<td>时间</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-road"></span></td>
<td>glyphicon glyphicon-road</td>
<td>道路</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-download-alt"></span></td>
<td>glyphicon glyphicon-download-alt</td>
<td>下载</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-download"></span></td>
<td>glyphicon glyphicon-download</td>
<td>下载</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-upload"></span></td>
<td>glyphicon glyphicon-upload</td>
<td>上传</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-inbox"></span></td>
<td>glyphicon glyphicon-inbox</td>
<td>收件箱</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-play-circle"></span></td>
<td>glyphicon glyphicon-play-circle</td>
<td>播放</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-repeat"></span></td>
<td>glyphicon glyphicon-repeat</td>
<td>重复</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-refresh"></span></td>
<td>glyphicon glyphicon-refresh</td>
<td>刷新</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-list-alt"></span></td>
<td>glyphicon glyphicon-list-alt</td>
<td>列表</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-lock"></span></td>
<td>glyphicon glyphicon-lock</td>
<td>锁定</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-flag"></span></td>
<td>glyphicon glyphicon-flag</td>
<td>旗帜</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-headphones"></span></td>
<td>glyphicon glyphicon-headphones</td>
<td>耳机</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-volume-off"></span></td>
<td>glyphicon glyphicon-volume-off</td>
<td>静音</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-volume-down"></span></td>
<td>glyphicon glyphicon-volume-down</td>
<td>调低音量</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-volume-up"></span></td>
<td>glyphicon glyphicon-volume-up</td>
<td>调高音量</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-qrcode"></span></td>
<td>glyphicon glyphicon-qrcode</td>
<td>二维码</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-barcode"></span></td>
<td>glyphicon glyphicon-barcode</td>
<td>条码</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-tag"></span></td>
<td>glyphicon glyphicon-tag</td>
<td>标签</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-tags"></span></td>
<td>glyphicon glyphicon-tags</td>
<td>复数标签</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-book"></span></td>
<td>glyphicon glyphicon-book</td>
<td>书籍</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-bookmark"></span></td>
<td>glyphicon glyphicon-bookmark</td>
<td>书签</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-print"></span></td>
<td>glyphicon glyphicon-print</td>
<td>打印</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-camera"></span></td>
<td>glyphicon glyphicon-camera</td>
<td>相机</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-font"></span></td>
<td>glyphicon glyphicon-font</td>
<td>字体</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-bold"></span></td>
<td>glyphicon glyphicon-bold</td>
<td>粗体</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-italic"></span></td>
<td>glyphicon glyphicon-italic</td>
<td>斜体</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-text-height"></span></td>
<td>glyphicon glyphicon-text-height</td>
<td>文本高度</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-text-width"></span></td>
<td>glyphicon glyphicon-text-width</td>
<td>文本宽度</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-align-left"></span></td>
<td>glyphicon glyphicon-align-left</td>
<td>左对齐</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-align-center"></span></td>
<td>glyphicon glyphicon-align-center</td>
<td>居中对齐</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-align-right"></span></td>
<td>glyphicon glyphicon-align-right</td>
<td>右对齐</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-align-justify"></span></td>
<td>glyphicon glyphicon-align-justify</td>
<td>对齐</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-list"></span></td>
<td>glyphicon glyphicon-list</td>
<td>列表</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-indent-left"></span></td>
<td>glyphicon glyphicon-indent-left</td>
<td>左缩进</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-indent-right"></span></td>
<td>glyphicon glyphicon-indent-right</td>
<td>右缩进</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-facetime-video"></span></td>
<td>glyphicon glyphicon-facetime-video</td>
<td>视频</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-picture"></span></td>
<td>glyphicon glyphicon-picture</td>
<td>图片</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-map-marker"></span></td>
<td>glyphicon glyphicon-map-marker</td>
<td>地图标记</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-adjust"></span></td>
<td>glyphicon glyphicon-adjust</td>
<td>调整</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-tint"></span></td>
<td>glyphicon glyphicon-tint</td>
<td>色彩</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-edit"></span></td>
<td>glyphicon glyphicon-edit</td>
<td>编辑</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-share"></span></td>
<td>glyphicon glyphicon-share</td>
<td>分享</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-check"></span></td>
<td>glyphicon glyphicon-check</td>
<td>检查</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-move"></span></td>
<td>glyphicon glyphicon-move</td>
<td>移动</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-step-backward"></span></td>
<td>glyphicon glyphicon-step-backward</td>
<td>单步后退</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-fast-backward"></span></td>
<td>glyphicon glyphicon-fast-backward</td>
<td>快速后退</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-backward"></span></td>
<td>glyphicon glyphicon-backward</td>
<td>后退</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-play"></span></td>
<td>glyphicon glyphicon-play</td>
<td>播放</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-pause"></span></td>
<td>glyphicon glyphicon-pause</td>
<td>暂停</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-stop"></span></td>
<td>glyphicon glyphicon-stop</td>
<td>停止</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-forward"></span></td>
<td>glyphicon glyphicon-forward</td>
<td>前进</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-fast-forward"></span></td>
<td>glyphicon glyphicon-fast-forward</td>
<td>快速前进</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-step-forward"></span></td>
<td>glyphicon glyphicon-step-forward</td>
<td>单步向前</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-eject"></span></td>
<td>glyphicon glyphicon-eject</td>
<td>弹出</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-chevron-left"></span></td>
<td>glyphicon glyphicon-chevron-left</td>
<td>左</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-chevron-right"></span></td>
<td>glyphicon glyphicon-chevron-right</td>
<td>右</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-plus-sign"></span></td>
<td>glyphicon glyphicon-plus-sign</td>
<td>增加</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-minus-sign"></span></td>
<td>glyphicon glyphicon-minus-sign</td>
<td>减少</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-remove-sign"></span></td>
<td>glyphicon glyphicon-remove-sign</td>
<td>删除</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-ok-sign"></span></td>
<td>glyphicon glyphicon-ok-sign</td>
<td>确定</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-question-sign"></span></td>
<td>glyphicon glyphicon-question-sign</td>
<td>问题</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-info-sign"></span></td>
<td>glyphicon glyphicon-info-sign</td>
<td>信息</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-screenshot"></span></td>
<td>glyphicon glyphicon-screenshot</td>
<td>截图</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-remove-circle"></span></td>
<td>glyphicon glyphicon-remove-circle</td>
<td>删除</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-ok-circle"></span></td>
<td>glyphicon glyphicon-ok-circle</td>
<td>确定</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-ban-circle"></span></td>
<td>glyphicon glyphicon-ban-circle</td>
<td>禁止</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-arrow-left"></span></td>
<td>glyphicon glyphicon-arrow-left</td>
<td>左箭头</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-arrow-right"></span></td>
<td>glyphicon glyphicon-arrow-right</td>
<td>右箭头</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-arrow-up"></span></td>
<td>glyphicon glyphicon-arrow-up</td>
<td>上箭头</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-arrow-down"></span></td>
<td>glyphicon glyphicon-arrow-down</td>
<td>下箭头</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-share-alt"></span></td>
<td>glyphicon glyphicon-share-alt</td>
<td>分享</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-resize-full"></span></td>
<td>glyphicon glyphicon-resize-full</td>
<td>打开</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-resize-small"></span></td>
<td>glyphicon glyphicon-resize-small</td>
<td>关闭</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-exclamation-sign"></span></td>
<td>glyphicon glyphicon-exclamation-sign</td>
<td>感叹号</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-gift"></span></td>
<td>glyphicon glyphicon-gift</td>
<td>礼物</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-leaf"></span></td>
<td>glyphicon glyphicon-leaf</td>
<td>树叶</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-fire"></span></td>
<td>glyphicon glyphicon-fire</td>
<td>火焰</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-eye-open"></span></td>
<td>glyphicon glyphicon-eye-open</td>
<td>睁眼</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-eye-close"></span></td>
<td>glyphicon glyphicon-eye-close</td>
<td>闭眼</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-warning-sign"></span></td>
<td>glyphicon glyphicon-warning-sign</td>
<td>警告</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-plane"></span></td>
<td>glyphicon glyphicon-plane</td>
<td>飞机</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-calendar"></span></td>
<td>glyphicon glyphicon-calendar</td>
<td>日历</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-random"></span></td>
<td>glyphicon glyphicon-random</td>
<td>随机播放</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-comment"></span></td>
<td>glyphicon glyphicon-comment</td>
<td>评论</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-magnet"></span></td>
<td>glyphicon glyphicon-magnet</td>
<td>磁铁</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-chevron-up"></span></td>
<td>glyphicon glyphicon-chevron-up</td>
<td>上调</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-chevron-down"></span></td>
<td>glyphicon glyphicon-chevron-down</td>
<td>下调</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-retweet"></span></td>
<td>glyphicon glyphicon-retweet</td>
<td>转发</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-shopping-cart"></span></td>
<td>glyphicon glyphicon-shopping-cart</td>
<td>购物车</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-folder-close"></span></td>
<td>glyphicon glyphicon-folder-close</td>
<td>关闭文件夹</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-folder-open"></span></td>
<td>glyphicon glyphicon-folder-open</td>
<td>打开文件夹</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-resize-vertical"></span></td>
<td>glyphicon glyphicon-resize-vertical</td>
<td>垂直调整</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-resize-horizontal"></span></td>
<td>glyphicon glyphicon-resize-horizontal</td>
<td>水平调整</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-hdd"></span></td>
<td>glyphicon glyphicon-hdd</td>
<td>硬盘</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-bullhorn"></span></td>
<td>glyphicon glyphicon-bullhorn</td>
<td>扩音器</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-bell"></span></td>
<td>glyphicon glyphicon-bell</td>
<td>铃铛</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-certificate"></span></td>
<td>glyphicon glyphicon-certificate</td>
<td>证书</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-thumbs-up"></span></td>
<td>glyphicon glyphicon-thumbs-up</td>
<td>赞同</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-thumbs-down"></span></td>
<td>glyphicon glyphicon-thumbs-down</td>
<td>否定</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-hand-right"></span></td>
<td>glyphicon glyphicon-hand-right</td>
<td>右手</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-hand-left"></span></td>
<td>glyphicon glyphicon-hand-left</td>
<td>左手</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-hand-up"></span></td>
<td>glyphicon glyphicon-hand-up</td>
<td>举起手</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-hand-down"></span></td>
<td>glyphicon glyphicon-hand-down</td>
<td>放下手</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-circle-arrow-right"></span></td>
<td>glyphicon glyphicon-circle-arrow-right</td>
<td>右箭头</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-circle-arrow-left"></span></td>
<td>glyphicon glyphicon-circle-arrow-left</td>
<td>左箭头</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-circle-arrow-up"></span></td>
<td>glyphicon glyphicon-circle-arrow-up</td>
<td>上箭头</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-circle-arrow-down"></span></td>
<td>glyphicon glyphicon-circle-arrow-down</td>
<td>下箭头</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-globe"></span></td>
<td>glyphicon glyphicon-globe</td>
<td>全球</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-wrench"></span></td>
<td>glyphicon glyphicon-wrench</td>
<td>扳手</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-tasks"></span></td>
<td>glyphicon glyphicon-tasks</td>
<td>任务</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-filter"></span></td>
<td>glyphicon glyphicon-filter</td>
<td>过滤器</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-briefcase"></span></td>
<td>glyphicon glyphicon-briefcase</td>
<td>公文包</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-fullscreen"></span></td>
<td>glyphicon glyphicon-fullscreen</td>
<td>全屏</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-dashboard"></span></td>
<td>glyphicon glyphicon-dashboard</td>
<td>仪表板</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-paperclip"></span></td>
<td>glyphicon glyphicon-paperclip</td>
<td>回形针</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-heart-empty"></span></td>
<td>glyphicon glyphicon-heart-empty</td>
<td>空的心型</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-link"></span></td>
<td>glyphicon glyphicon-link</td>
<td>链接</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-phone"></span></td>
<td>glyphicon glyphicon-phone</td>
<td>手机</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-pushpin"></span></td>
<td>glyphicon glyphicon-pushpin</td>
<td>图钉</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-usd"></span></td>
<td>glyphicon glyphicon-usd</td>
<td>美元</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-gbp"></span></td>
<td>glyphicon glyphicon-gbp</td>
<td>英镑</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sort"></span></td>
<td>glyphicon glyphicon-sort</td>
<td>排序</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sort-by-alphabet"></span></td>
<td>glyphicon glyphicon-sort-by-alphabet</td>
<td>字母正序</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sort-by-alphabet-alt"></span></td>
<td>glyphicon glyphicon-sort-by-alphabet-alt</td>
<td>字母倒序</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sort-by-order"></span></td>
<td>glyphicon glyphicon-sort-by-order</td>
<td>数字正序</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sort-by-order-alt"></span></td>
<td>glyphicon glyphicon-sort-by-order-alt</td>
<td>数字倒序</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sort-by-attributes"></span></td>
<td>glyphicon glyphicon-sort-by-attributes</td>
<td>属性正序</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sort-by-attributes-alt"></span></td>
<td>glyphicon glyphicon-sort-by-attributes-alt</td>
<td>属性倒序</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-unchecked"></span></td>
<td>glyphicon glyphicon-unchecked</td>
<td>未选中</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-expand"></span></td>
<td>glyphicon glyphicon-expand</td>
<td>扩展</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-collapse-down"></span></td>
<td>glyphicon glyphicon-collapse-down</td>
<td>向下扩展</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-collapse-up"></span></td>
<td>glyphicon glyphicon-collapse-up</td>
<td>向上扩展</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-log-in"></span></td>
<td>glyphicon glyphicon-log-in</td>
<td>登录</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-flash"></span></td>
<td>glyphicon glyphicon-flash</td>
<td>闪电</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-log-out"></span></td>
<td>glyphicon glyphicon-log-out</td>
<td>注销</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-new-window"></span></td>
<td>glyphicon glyphicon-new-window</td>
<td>新窗口</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-record"></span></td>
<td>glyphicon glyphicon-record</td>
<td>记录</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-save"></span></td>
<td>glyphicon glyphicon-save</td>
<td>已保存</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-open"></span></td>
<td>glyphicon glyphicon-open</td>
<td>打开</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-saved"></span></td>
<td>glyphicon glyphicon-saved</td>
<td>保存的</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-import"></span></td>
<td>glyphicon glyphicon-import</td>
<td>导入</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-export"></span></td>
<td>glyphicon glyphicon-export</td>
<td>导出</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-send"></span></td>
<td>glyphicon glyphicon-send</td>
<td>发送</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-floppy-disk"></span></td>
<td>glyphicon glyphicon-floppy-disk</td>
<td>软盘</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-floppy-saved"></span></td>
<td>glyphicon glyphicon-floppy-saved</td>
<td>软盘已保存</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-floppy-remove"></span></td>
<td>glyphicon glyphicon-floppy-remove</td>
<td>软盘删除</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-floppy-save"></span></td>
<td>glyphicon glyphicon-floppy-save</td>
<td>软盘保存</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-floppy-open"></span></td>
<td>glyphicon glyphicon-floppy-open</td>
<td>软盘打开</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-credit-card"></span></td>
<td>glyphicon glyphicon-credit-card</td>
<td>信用卡</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-transfer"></span></td>
<td>glyphicon glyphicon-transfer</td>
<td>转移</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-cutlery"></span></td>
<td>glyphicon glyphicon-cutlery</td>
<td>餐具</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-header"></span></td>
<td>glyphicon glyphicon-header</td>
<td>标题</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-compressed"></span></td>
<td>glyphicon glyphicon-compressed</td>
<td>压缩</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-earphone"></span></td>
<td>glyphicon glyphicon-earphone</td>
<td>听筒</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-phone-alt"></span></td>
<td>glyphicon glyphicon-phone-alt</td>
<td>电话</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-tower"></span></td>
<td>glyphicon glyphicon-tower</td>
<td>塔</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-stats"></span></td>
<td>glyphicon glyphicon-stats</td>
<td>统计</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sd-video"></span></td>
<td>glyphicon glyphicon-sd-video</td>
<td>标清视频</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-hd-video"></span></td>
<td>glyphicon glyphicon-hd-video</td>
<td>高清视频</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-subtitles"></span></td>
<td>glyphicon glyphicon-subtitles</td>
<td>字幕</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sound-stereo"></span></td>
<td>glyphicon glyphicon-sound-stereo</td>
<td>音响音响</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sound-dolby"></span></td>
<td>glyphicon glyphicon-sound-dolby</td>
<td>声音杜比</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sound-5-1"></span></td>
<td>glyphicon glyphicon-sound-5-1</td>
<td>sound-5-1</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sound-6-1"></span></td>
<td>glyphicon glyphicon-sound-6-1</td>
<td>sound-6-1</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sound-7-1"></span></td>
<td>glyphicon glyphicon-sound-7-1</td>
<td>sound-7-1</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-copyright-mark"></span></td>
<td>glyphicon glyphicon-copyright-mark</td>
<td>版权标志</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-registration-mark"></span></td>
<td>glyphicon glyphicon-registration-mark</td>
<td>注册商标</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-cloud-download"></span></td>
<td>glyphicon glyphicon-cloud-download</td>
<td>云下载</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-cloud-upload"></span></td>
<td>glyphicon glyphicon-cloud-upload</td>
<td>云上传</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-tree-conifer"></span></td>
<td>glyphicon glyphicon-tree-conifer</td>
<td>针叶树</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-tree-deciduous"></span></td>
<td>glyphicon glyphicon-tree-deciduous</td>
<td>落叶树</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-cd"></span></td>
<td>glyphicon glyphicon-cd</td>
<td>CD</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-save-file"></span></td>
<td>glyphicon glyphicon-save-file</td>
<td>保存文件</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-open-file"></span></td>
<td>glyphicon glyphicon-open-file</td>
<td>打开文件</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-level-up"></span></td>
<td>glyphicon glyphicon-level-up</td>
<td>水平上升</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-copy"></span></td>
<td>glyphicon glyphicon-copy</td>
<td>复制</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-paste"></span></td>
<td>glyphicon glyphicon-paste</td>
<td>粘贴</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-alert"></span></td>
<td>glyphicon glyphicon-alert</td>
<td>警报</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-equalizer"></span></td>
<td>glyphicon glyphicon-equalizer</td>
<td>均衡器</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-king"></span></td>
<td>glyphicon glyphicon-king</td>
<td>国王</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-queen"></span></td>
<td>glyphicon glyphicon-queen</td>
<td>女王</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-pawn"></span></td>
<td>glyphicon glyphicon-pawn</td>
<td>小卒</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-bishop"></span></td>
<td>glyphicon glyphicon-bishop</td>
<td>主教</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-knight"></span></td>
<td>glyphicon glyphicon-knight</td>
<td>骑士</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-baby-formula"></span></td>
<td>glyphicon glyphicon-baby-formula</td>
<td>婴儿配方</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-tent"></span></td>
<td>glyphicon glyphicon-tent</td>
<td>帐篷</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-blackboard"></span></td>
<td>glyphicon glyphicon-blackboard</td>
<td>黑板</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-bed"></span></td>
<td>glyphicon glyphicon-bed</td>
<td>床</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-apple"></span></td>
<td>glyphicon glyphicon-apple</td>
<td>苹果</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-erase"></span></td>
<td>glyphicon glyphicon-erase</td>
<td>擦除</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-hourglass"></span></td>
<td>glyphicon glyphicon-hourglass</td>
<td>沙漏</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-lamp"></span></td>
<td>glyphicon glyphicon-lamp</td>
<td>灯</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-duplicate"></span></td>
<td>glyphicon glyphicon-duplicate</td>
<td>复制</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-piggy-bank"></span></td>
<td>glyphicon glyphicon-piggy-bank</td>
<td>储蓄罐</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-scissors"></span></td>
<td>glyphicon glyphicon-scissors</td>
<td>剪刀</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-bitcoin"></span></td>
<td>glyphicon glyphicon-bitcoin</td>
<td>比特币</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-btc"></span></td>
<td>glyphicon glyphicon-btc</td>
<td>比特币</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-xbt"></span></td>
<td>glyphicon glyphicon-xbt</td>
<td>比特币</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-yen"></span></td>
<td>glyphicon glyphicon-yen</td>
<td>日元</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-jpy"></span></td>
<td>glyphicon glyphicon-jpy</td>
<td>日元</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-ruble"></span></td>
<td>glyphicon glyphicon-ruble</td>
<td>卢布</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-rub"></span></td>
<td>glyphicon glyphicon-rub</td>
<td>卢布</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-scale"></span></td>
<td>glyphicon glyphicon-scale</td>
<td>仪表</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-ice-lolly"></span></td>
<td>glyphicon glyphicon-ice-lolly</td>
<td>冰棍</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-ice-lolly-tasted"></span></td>
<td>glyphicon glyphicon-ice-lolly-tasted</td>
<td>雪糕口味</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-education"></span></td>
<td>glyphicon glyphicon-education</td>
<td>教育</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-option-horizontal"></span></td>
<td>glyphicon glyphicon-option-horizontal</td>
<td>水平</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-option-vertical"></span></td>
<td>glyphicon glyphicon-option-vertical</td>
<td>垂直</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-menu-hamburger"></span></td>
<td>glyphicon glyphicon-menu-hamburger</td>
<td>菜单</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-modal-window"></span></td>
<td>glyphicon glyphicon-modal-window</td>
<td>模态窗口</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-oil"></span></td>
<td>glyphicon glyphicon-oil</td>
<td>油</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-grain"></span></td>
<td>glyphicon glyphicon-grain</td>
<td>粮食</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-sunglasses"></span></td>
<td>glyphicon glyphicon-sunglasses</td>
<td>太阳镜</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-text-size"></span></td>
<td>glyphicon glyphicon-text-size</td>
<td>文本大小</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-text-color"></span></td>
<td>glyphicon glyphicon-text-color</td>
<td>文本颜色</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-text-background"></span></td>
<td>glyphicon glyphicon-text-background</td>
<td>文本背景</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-object-align-top"></span></td>
<td>glyphicon glyphicon-object-align-top</td>
<td>向上对齐</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-object-align-bottom"></span></td>
<td>glyphicon glyphicon-object-align-bottom</td>
<td>向下对齐</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-object-align-horizontal"></span></td>
<td>glyphicon glyphicon-object-align-horizontal</td>
<td>水平对齐</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-object-align-left"></span></td>
<td>glyphicon glyphicon-object-align-left</td>
<td>左对齐</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-object-align-vertical"></span></td>
<td>glyphicon glyphicon-object-align-vertical</td>
<td>垂直对齐</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-object-align-right"></span></td>
<td>glyphicon glyphicon-object-align-right</td>
<td>右对齐</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-triangle-right"></span></td>
<td>glyphicon glyphicon-triangle-right</td>
<td>三角右</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-triangle-left"></span></td>
<td>glyphicon glyphicon-triangle-left</td>
<td>三角左</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-triangle-bottom"></span></td>
<td>glyphicon glyphicon-triangle-bottom</td>
<td>三角下</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-triangle-top"></span></td>
<td>glyphicon glyphicon-triangle-top</td>
<td>三角上</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-console"></span></td>
<td>glyphicon glyphicon-console</td>
<td>控制台</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-superscript"></span></td>
<td>glyphicon glyphicon-superscript</td>
<td>上标</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-subscript"></span></td>
<td>glyphicon glyphicon-subscript</td>
<td>下标</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-menu-left"></span></td>
<td>glyphicon glyphicon-menu-left</td>
<td>左菜单</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-menu-right"></span></td>
<td>glyphicon glyphicon-menu-right</td>
<td>右菜单</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-menu-down"></span></td>
<td>glyphicon glyphicon-menu-down</td>
<td>下菜单</td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-menu-up"></span></td>
<td>glyphicon glyphicon-menu-up</td>
<td>上菜单</td>
</tr>
</tbody>
</table>
");
window.frames["iframe1538"].document.write(decodeHtml(code1538));
window.frames["iframe1538"].document.close();
//load和下面的非load必需并存，因为如果代码用到了jquery就必须使用load的方式
$(window.frames["iframe1538"]).load(function(){
$("#iframe1538").height($("#iframe1538").contents().find("body").height()+showittryitheight);
});
$("#iframe1538").height($("#iframe1538").contents().find("body").height()+showittryitheight);
alreadyWriteCode1538 = code1538;
$("#rendering1538").hide();
$("#rendered1538").show();
}
var tRereshRetry2DemoPanel1538 = setInterval(rereshRetry2DemoPanel1538,1000);
var binded1538 = false;
$("textarea#stepcodeTextarea1538").keyup(function(){
if(!binded1538){
$(window).bind('beforeunload',function(){
binded1538 = true;
return "xxxx";
});
}
var newCode = $(this).val()
code1538 = newCode;
/*below code is replaced by function rereshRetry2DemoPanel()*/
// if(code1538!=newCode){
// window.frames["iframe1538"].document.write("
");
// window.frames["iframe1538"].document.write(decodeHtml($("textarea#stepcodeTextarea1538").val()));
// window.frames["iframe1538"].document.close();
// $(window.frames["iframe1538"]).load(function(){
// $("#iframe1538").height($("#iframe1538").contents().find("body").height()+showittryitheight);
// });
// code1538 = newCode;
// }
});
$(".tryButton1538").click(function(){
$("#tryDiv1538").show();
$("#stepcodeTextarea1538").focus();
$("#stepcodeTextarea1538").height(200);
$("#iframe1538").height(0);
window.frames["iframe1538"].document.write("
");
window.frames["iframe1538"].document.write(decodeHtml($("textarea#stepcodeTextarea1538").val()));
window.frames["iframe1538"].document.close();
//load和下面的非load必需并存，因为如果代码用到了jquery就必须使用load的方式
$(window.frames["iframe1538"]).load(function(){
$("#iframe1538").height($("#iframe1538").contents().find("body").height()+showittryitheight);
});
$("#iframe1538").height($("#iframe1538").contents().find("body").height()+showittryitheight);
this.scrollIntoView(true);
editor1538.focus();
editor1538.setSize(null, "250");
$("#rendering1538").hide();
$("#rendered1538").hide();
});
var mixedMode = {
name: "htmlmixed",
scriptTypes: [{matches: /\/x-handlebars-template|\/x-mustache/i,
mode: null},
{matches: /(text|application)\/(x-)?vb(a|script)/i,
mode: "vbscript"}]
};
var editor1538 = CodeMirror.fromTextArea(document.getElementById("stepcodeTextarea1538"), {
lineNumbers: true,
styleActiveLine: true,
matchBrackets: true,
mode:"text/html",
theme:"eclipse",
selectionPointer: true,
lineWrapping: true,
extraKeys: {
"Alt-/": "autocomplete",
"Ctrl-F": "findPersistent",
"F8": function(cm) {
cm.setOption("fullScreen", !cm.getOption("fullScreen"));
},
"Esc": function(cm) {
if (cm.getOption("fullScreen")) cm.setOption("fullScreen", false);
}
}
});
editor1538.on("change",function(doc){
if(!binded1538){
$(window).bind('beforeunload',function(){
binded1538 = true;
return "xxxx";
});
}
var newCode = doc.getValue();
code1538 = newCode;
$("textarea#stepcodeTextarea1538").val(newCode);
if(alreadyWriteCode1538!=code1538){
lastModifedTime1538 = new Date().getTime();
$("#rendering1538").show();
$("#rendered1538").hide();
}
// alert(doc.getValue());
});
$(".CodeMirror").addClass("form-control");
// var editor1538 = CodeMirror.fromTextArea(, {
// lineNumbers: true,
// styleActiveLine: true,
// matchBrackets: true,
// theme:"eclipse",
// });
editor1538.on("change",function(doc){
// alert(doc.getValue());
});
$("#tryDiv1538").hide();
});
$("div.codemirrorTips span").addClass("glyphicon glyphicon-asterisk");
1. 双击选中单词
2. 三击选中整行
3. CTRL+F 查找
4. F8 全屏编辑，再次点击恢复
|
|
渲染中
渲染完成
|
代码高亮插件双击即可选中，不过部分同学反应，通过代码高亮插件复制的代码无法在IDEA里正常显示，这里提供TEXTAREA的方式，方便复制，谢谢
1. 自行完成练习
根据练习目标尽量自己实现代码效果，期间会碰到疑问，难题，和自己不懂的地方，这些都是必要的过程
2. 带着疑问查看答案
完成过程中，碰到无法解决的问题，带着疑问，查看答案，分析答案的解决思路
3. 查看答案讲解视频
依然有不明白的地方，点开视频讲解，带着疑问，听视频讲解有问题的部分
4. 再做一遍
理解后，再从头做一遍，把有疑问的地方都捋清楚
5. 总结
最后再总结一遍，总结思路，总结解决办法，以后遇到类似的问题，怎么处理
HOW2J公众号，关注后实时获知布最新的教程和优惠活动，谢谢。
提问之前请登陆
|
