通過(guò)添加 .table-bordered class,您將看到每個(gè)元素周?chē)加羞吙?,且占整個(gè)表格是圓角的,如下面的實(shí)例所示:
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 實(shí)例 - 邊框表格</title>
<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script src="/scripts/jquery.min.js"></script>
<script src="/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<table class="table table-bordered">
<caption>邊框表格布局</caption>
<thead>
<tr>
<th>名稱(chēng)</th>
<th>城市</th>
<th>密碼</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tanmay</td>
<td>Bangalore</td>
<td>560001</td>
</tr>
<tr>
<td>Sachin</td>
<td>Mumbai</td>
<td>400003</td>
</tr>
<tr>
<td>Uma</td>
<td>Pune</td>
<td>411027</td>
</tr>
</tbody>
</table>
</body>
</html>
更多建議: