-2
我有一個引導表的問題。這種風格的Bootstrap表適用於寬屏幕,但當我試圖看到這款平板電腦時,所有列都相互重疊。請幫助我。Bootstrap表格自動換行不起作用?
.table{
table-layout:fixed;
word-wrap:break-word;
}
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="table-responsive">
<table class="table">
<thead>
<tr>
\t \t \t <th>Cbee ID</th>
\t \t \t <th>First Name</th>
\t \t \t <th>Last Name</th>
\t \t \t <th>Created On</th>
\t \t \t <th>Email</th>
\t \t \t <th>Facebook ID</th>
\t \t \t <th>LinkedIn ID</th> \t \t \t \t \t \t
\t \t \t <th>Owner Beevites</th>
\t \t \t <th>Attendee Beevites</th>
\t \t \t <th>Device ID</th>
\t \t \t </tr> \t
</thead>
<tbody>
<tr>
<td>1</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>9818c9b8d07c1bb507a05c387d3b3d743725ad81cb93f1858d5143ccd1624bdf</td>
</tr>
</tbody>
</table>
</div>
相同的代碼...但我仍然有相同的概率 – 2014-12-02 12:19:25