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;
    }

 

posted @ 2019-05-22 21:46  古墩古墩  Views(144)  Comments(0Edit  收藏  举报