Twitter bootstrap Twitter引导表扩展到右侧的容器外部

我在Twitter引导程序中有一个表，当该表有很多列（大约19-20列，取决于其中的内容）时，它会扩展到.container之外

hr标记（表下面的灰色线）定义了.container的边缘。桌子总是向右边延伸

---

是否可以将桌子居中，使其在.container的两侧均匀延伸？

我也遇到了同样的问题。结果发现容器的宽度小于桌子的宽度。如果您使用的是Chrome，那么开发人员工具非常棒

我只是将其设置为大于我的桌子的宽度，作为临时修复。我的桌子的宽度是1079px

.container { width: 1200px; }

当我把桌子的宽度增加到1132px时，它又开始向右漂移。我打算尽量缩小内容的宽度，但这是一个难题。可折叠列可能是一种东西，而且有水平滚动，但这似乎是数据的更多障碍。

试试：

.table{table-layout:fixed}

---

演示：

我不认为你能正确地将没有固定宽度（或不像文本）的东西居中。是否可以计数列并使用

.span

类？无论如何，倍增列可能不是最好的方法。但是移动设备和平板电脑呢？@EduardoArrudaPimentel除了使用内置于引导程序中的设计，我对响应性设计没有太多经验。但是如果你的桌子比你的容器宽，试着把你的容器加宽。您可以专门为手机/平板电脑设置一个宽度，或者设置一个百分比，比如

.container{width:80%；}

。以下是宽度的选项：。您可能还希望以某种方式减小表的宽度。如果将容器的

溢出
属性设置为
溢出：滚动
，会发生什么情况？这不是最终解决方案，但在我的情况下，我可以将表置于模式。我有一个预先呈现良好的表，但在单击“编辑”更改表中的值后，表将扩展到其容器之外。所以我把可编辑的表格放在一个模态lg中，并将其包装在表格响应中。现在，当我缩小窗口的大小时，手机的一切都很好。不确定这是否有助于解决您的具体问题，但可能会给您一些想法。