解决使用bootstrap时列宽不一致且，显示数据内容过长时自动换行导致的页面不美观问题

bootstrap table 怎么自适应宽度

<div class="table-responsive">
    <table class="table text-nowrap">
        <thead>
            <tr>
                <th> ... </th>
                ....
            </tr>
        </thead>
        <tbody>
            <tr>
                <td> ... </td>
                ....
            </tr>
            .....
        </tbody>
    </table>
</div>

其中，表格需要加

  <table class="table text-nowrap">

控制内容不换行，表格外层必须有

<div class="table-responsive">

。表格里面的
thead
和
tbody
不能省略，否则Bootstrap表格样式不会被使用。
效果图！！！！