bootstrap table 怎么自适应宽度

本文参考此文章https://segmentfault.com/q/1010000009900107

1. 表格字段非常多， 表格到页面宽度100%都显示不下

2. 现在想让表格宽度按内容决定宽度。（页面出现滚动条没关系）

3. 表格内容不要出现换行

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

其中，表格需要加 table 样式， text-nowrap 控制内容不换行，表格外层必须有 <div class="table-responsive"> 。表格里面的 thead 和 tbody 不能省略，否则Bootstrap表格样式不会被使用。