Twitter bootstrap 引导表word wrap不工作？

我对引导表有问题。这种风格的引导表适用于宽屏幕，但当我试图看到这款平板电脑时，所有列都相互重叠。请帮帮我

.桌子{ 表布局：固定； 单词包装：打断单词； } Cbee ID 名字 姓 创建于 电子邮件 Facebook ID LinkedIn ID 所有者比维特斯 与会者比维特斯 设备ID 1. 表单元格 表单元格 表单元格 表单元格 表单元格 表单元格 表单元格 表单元格 9818c9b8d07c1bb507a05c387d3b3d743725ad81cb93f1858d5143ccd1624bdf 像这样使用它

<div class="table-responsive">
    <table class="table">
        <thead>
            <tr>
                <th>#</th>
                <th>Table heading</th>
                <th>Table heading</th>
                <th>Table heading</th>
                <th>Table heading</th>
                <th>Table heading</th>
                <th>Table heading</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>Table cell</td>
                <td>Table cell</td>
                <td>Table cell</td>
                <td>Table cell</td>
                <td>Table cell</td>
                <td>Table cell</td>
            </tr>
            <tr>
                <td>2</td>
                <td>Table cell</td>
                <td>Table cell</td>
                <td>Table cell</td>
                <td>Table cell</td>
                <td>Table cell</td>
                <td>Table cell</td>
            </tr>
            <tr>
                <td>3</td>
                <td>Table cell</td>
                <td>Table cell</td>
                <td>Table cell</td>
                <td>Table cell</td>
                <td>Table cell</td>
                <td>Table cell</td>
            </tr>
        </tbody>
    </table>
</div>

引导示例 基本表 .table类向表中添加了基本样式光填充和仅水平分隔符：

名字 姓氏 电子邮件 约翰 雌鹿 john@example.com 玛丽 教育部 mary@example.com 七月 杜利 july@example.com

---

我以前使用过相同的代码…但我仍然有相同的问题