Bootstrap2 tabel table-responsive无效的情况下该采取什么办法

<div class="table-responsive">
<table id="tt" border="2" class="table table-responsive table-bordered table-hover">
<tr style="background: #696969" >
<td><font color="white">路由名称</font></td>
<td><font color="white">机构</font></td>
<td><font color="white">高度</font></td>
<td><font color="white">注册时间</font></td>
<td><font color="white">最后连接时间</font></td>
<td><font color="white">MAC地址</font></td>
<td><font color="white">IP地址</font></td>
<td><font color="white">广告内容</font></td>
<td><font color="white">操作</font></td> </tr>
{% if data %}
{% for d in data %}
<tr {% if forloop.counter|divisibleby:"2" %} style="background: gainsboro" {% else %} style="background: white" {% endif %} >
<td>{{ d.name }}</td>
<td>{{ d.mechanism }}</td>
<td>{{ d.high }}</td>
<td>{{ d.first_time }}</td>
<td>{{ d.last_time }}</td>
<td>{{ d.macadd }}</td>
<td>{{ d.ipaddr }}</td>
<td>{{ d.edition }}</td>
<td><a role="button" href="gallery.html?mac={{ d.macadd }}" class="btn btn-default">详情</a></td>
</tr>
{% endfor %}
{% endif %}
</table>
</div>