61,112
社区成员
发帖
与我相关
我的任务
分享关于字体图标的显示以及在IE8下的兼容问题
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link rel="stylesheet" href="bootstrap.min.css"/>
<link rel="stylesheet" href="font-awesome.min.css" />
<link rel="stylesheet" href="ace.min.css" />
</head>
<body>
<!-- Table -->
<table class="table table-striped table-bordered table-hover dataTable" id="companyTable" style="text-align: center;">
<thead>
<tr>
<th width="70" style="text-align: center;">编号</th>
<th width="152" style="text-align: center;">操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>18678656787</td>
<td>
<div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
<button class="btn btn-xs btn-info">
<i class="icon-edit bigger-120"></i>
</button>
<button class="btn btn-xs btn-info">
<i class="icon-remove bigger-120"></i>
</button>
</div>
</td>
</tr>
<tr>
<td>18678656987</td>
<td>
<div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
<button class="btn btn-xs btn-info">
<i class="icon-edit bigger-120"></i>
</button>
<button class="btn btn-xs btn-info">
<i class="icon-remove bigger-120"></i>
</button>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>
引入的css感觉没有问题，但是图标就是显示不出来，求指教
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link rel="stylesheet" href="bootstrap.min.css"/>
<link rel="stylesheet" href="font-awesome.min.css" />
<link rel="stylesheet" href="ace.min.css" />
</head>
<body>
<!-- Table -->
<table class="table table-striped table-bordered table-hover dataTable" id="companyTable" style="text-align: center;">
<thead>
<tr>
<th width="70" style="text-align: center;">编号</th>
<th width="152" style="text-align: center;">操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>18678656787</td>
<td>
<div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
<button class="btn btn-xs btn-info">
<i class="icon-edit bigger-120"></i>
</button>
<button class="btn btn-xs btn-info">
<i class="icon-remove bigger-120"></i>
</button>
</div>
</td>
</tr>
<tr>
<td>18678656987</td>
<td>
<div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
<button class="btn btn-xs btn-info">
<i class="icon-edit bigger-120"></i>
</button>
<button class="btn btn-xs btn-info">
<i class="icon-remove bigger-120"></i>
</button>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>
引入的css感觉没有问题，但是图标就是显示不出来，求指教
...全文
请发表友善的回复…
发表回复
