Bootstrap表格

<div class="container" style="margin-top:80px;">
        <table class="table table-bordered table-condensed table-hover">
            <thead>
                <tr class="active">
                    <th>姓名</th>
                    <th>城市</th>
                    <th>职业</th>
                </tr>
            </thead>
            <tbody>
                <tr class="success">
                    <td>张三</td>
                    <td>北京</td>
                    <td>工程师</td>
                </tr>
                <tr class="info">
                    <td>李四</td>
                    <td>上海</td>
                    <td class="success">律师</td>
                </tr>
                <tr class="warning">
                    <td>王五</td>
                    <td>广州</td>
                    <td>教授</td>
                </tr>
                <tr class="danger">
                    <td>赵六</td>
                    <td>成都</td>
                    <td>企业家</td>
                </tr>
            </tbody>
        </table>
    </div>