核心文件bootstarp.css和bootstarp.js導入到頁面,而後看着官網的代碼複製進去用就能夠了。
網上是有很多教程的.實際上就是加class 屬性 ,如:http://www.runoob.com/bootstrap/bootstrap-tutorial.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap 實例 - 基本的表格</title>
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<table class="table">
<caption>基本的表格佈局</caption>
<thead>
<tr>
<th>名稱</th>
<th>城市</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tanmay</td>
<td>Bangalore</td>
</tr>
<tr>
<td>Sachin</td>
<td>Mumbai</td>
</tr>
</tbody>
</table>
</body>
</html>
這是一個表格例子,其中<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
就是一些css樣式的模板,你只須要會用class來引用他就能夠了。
將<table class="table">改爲<table class="table table-bordered">表格就會顯示一些不同的格式,前者沒有邊框 ,後者有邊框。css