bootstrap表格的使用

             <table class="table table-striped table-bordered table-hover table-condensed">

                    <thead>
                        <tr class="active">
                            <th>表格标题</th>
                            <th>表格标题</th>
                            <th>表格标题</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="success">
                            <td class="verticalMiddle">表格单元</td>
                            <td class="verticalMiddle">表格单元</td>
                            <td>
                                <button type="button" class="btn btn-default">修改</button>
                                <button type="button" class="btn btn-default">预览</button>
                            </td>
                        </tr>
                    </tbody>
                </table>

style（为了让表格中的文本垂直居中）

    .verticalMiddle{
        vertical-align: middle;
    }