自举网格内的表格超出网格

这可能很难解释。自举网格内的表格超出网格

见plunker：http://plnkr.co/edit/kSMeYCHjVuXyvy9Uvkdg?p=preview

这是在嘲弄我的工作的应用程序。

在col-xs-2，我有一个侧面板/菜单。在col-xs-10，我有一个表格显示用户的数据。（顺便说一句，这个词Honorificabilitudinitatibus是一些长字，我从维基百科了。

的问题是，因为我的表中有太多的内容或单词太长，表中延伸出row格，这是我强调与

红色边框。我想一切是红色的边框（或红色边框成长为表变大）。我如何在引导做内？

感谢

来源

2015-01-12 Rhs

从自举的网站（http://getbootstrap.com/css/#tables-responsive）：“创建响应通过在'.table-responsive'中包装任何'.table'使它们在小设备上水平滚动（在768px以下）。当查看大于768px宽的任何东西时，在这些表中看不到任何区别。“ **编辑：**主要问题是表格对较小的屏幕尺寸/宽度没有反应。我不确定桌子会做你所需要的。你能重构使用display：table吗？ –

正如@Joseph Marikle所建议的那样，您应该查看随附的响应式表格功能引导。他们最有可能解决了很多与此相关的问题。

但是，您可以使用CSS属性table-layout以及100％宽度来实现此目的。

table { 
    width: 100%; 
    table-layout: fixed; 
}

来源

2015-01-12 22:16:35 biggles

表响应的问题在于它在最底部呈现滚动条，使应用程序不便于用户使用。理想情况下，我希望整个页面滚动，而不仅仅是col-xs-10 div。 – Rhs

的引导row是为了放置在container里面，因为它包含这些导致你的表延伸超过切缘阴性的结果。

所以你应该把row格在.container-fluid ...

http://bootply.com/PTS4QZHgl8

来源

2015-01-14 16:04:01 ZimSystem

我认为这是不对的。如果您将边框放在col-xs-10上，并缩小屏幕，您会看到表格的延伸通过了该行。看到叉：http://www.bootply.com/ObiTuv0gH4 – Rhs

是的..这就是为什么你应该把它放在一个'表响应'div – ZimSystem

自举网格内的表格超出网格

回答

相关问题