斑马线
<html>
<head>
<title>1</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body background="http://tk.makeblock.net.cn/preview/128?height=150 ">
<table class="table table-striped text-center table-bordered table-condensed">
<div class="contaoner">
<div class="row">
<thead>
<div class="col-md-4"> <th>Col1</th></div>
<div class="col-md-4"> <th>Co2</th></div>
<div class="col-md-4"> <th>Col3</th></div>
</thead>
</div>
<tbody>
<tr>
<div class="row">
<div class="col-md-4"><td>Row1</td></div>
<div class="col-md-4"><td>Row1</td>></div>
<div class="col-md-4"><td>Row1</td></div>
</div>
</tr>
<tr>
<div class="row">
<div class="col-md-4"><td>Row2</td></div>
<div class="col-md-4"><td>Row2</td></div>
<div class="col-md-4"><td>Row2</td></div>
</div>
</tr>
<tr>
<div class="row">
<div class="col-md-4"><td>Row3</td></div>
<div class="col-md-4"><td>Row3</td></div>
<div class="col-md-4"><td>Row3</td></div>
</div>
</tr>
</tbody>
</div>
</table>
</body>
</html>
1Col1Co2Col3
>
| Row1 | Row1 | Row1 |
| Row2 | Row2 | Row2 |
| Row3 | Row3 | Row3 |
