bootstrap table 垂直居中

 表格设置水平居中时加 text-center就行，但不能垂直居中

<table class="table table1">
    <tr>    
        <th class="text-center"  width="200">项目地区</th>
        <th class="text-center" >公告标题</th>
        <th class="text-center"  width="200">项目类型</th>
        <th class="text-center"  width="200">发布时间</th>
    </tr>
    <tbody id="tbody1" class=""></tbody>
</table>

默认的td样式：

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

修改为垂直居中

.table tbody tr td{
    vertical-align: middle;
}

结束！