案例:Bootstrap案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
    <meta charset="utf-8"> 
5
    <title>Bootstrap 实例 - 条纹表格</title>
6
    <link rel="stylesheet" href="/css/bootstrap/bootstrap3.3.7.min.css">  
7
    <script src="/js/bootstrap/jquery.min.js"></script>
8
    <script src="/js/bootstrap/bootstrap3.3.7.min.js"></script>
9
</head>
10
<body>
11
12
<table class="table table-striped">
13
    <caption>条纹表格布局</caption>
14
    <thead>
15
        <tr>
16
            <th>名称</th>
17
            <th>城市</th>
18
            <th>邮编</th>
19
        </tr>
20
    </thead>
21
    <tbody>
22
        <tr>
23
            <td>Tanmay</td>
24
            <td>Bangalore</td>
25
            <td>560001</td>
26
        </tr>
27
        <tr>
28
            <td>Sachin</td>
29
            <td>Mumbai</td>
30
            <td>400003</td>
31
        </tr>
32
        <tr>
33
            <td>Uma</td>
34
            <td>Pune</td>
35
            <td>411027</td>
36
        </tr>
37
    </tbody>
38
</table>
39
40
</body>
41
</html>