bootstrap实现列表占一行

<div class="panel panel-default">

    <div class="panel-body">
        <!--地址显示-->
        <table class="table table-striped">
            <caption>请假条</caption>
            <thead>
            <tr>
                <th>type(类型)</th>
                <th>duringtime(请假时间段)</th>
                <th>accident(请假原因)</th>
                <th>onecheckperson(一级审查员)</th>
                <th>twocheckperson(二级审查员)</th>
                <th>threecheckperson(三级审查员)</th>
                <th>checklevel(审核阶段)</th>
                <th>username(请假人)</th>
                <th colspan="2">操作</th>
            </tr>
            </thead>
            <tbody  id="rest-list">
            <tr>
                <td>病假</td>
                <td>2020.1.4-2020.4.3</td>
                <td>肚子疼</td>
                <td>lfq</td>
                <td>lfq</td>
                <td>lfq</td>
                <td>0</td>
                <td>lfq</td>
                <td><a class="btn btn-xs btn-info"><span class="fa fa-edit"></span> 修改</a></td>
                <td><a class="btn btn-xs add-del btn-info"><span class="fa fa-trash-o"></span> 删除</a></td>
            </tr>

            </tbody>
        </table>
        <a href="rest.html" class="btn btn-sm btn-primary"><span class="fa fa-plus"></span>新增请假</a>
    </div>
</div>