使用bootstrap,在两列设置中,当窗口缩小时,表重叠

时间:2012-11-02 01:19:40

标签: css twitter-bootstrap

我有一个相当简单的布局,有两行。第二行有两列,每列有一个表。当窗口很宽时,整个东西看起来很漂亮,但是当我开始缩小浏览器窗口时,两个表开始重叠!

在较低分辨率的显示器上,这意味着浏览器可以宽到显示器宽度的2/3,并且表格开始重叠!

要获得演示,请查看website。 单击“Sample data”,您将看到两个表中的数据重叠。特别是查找具有更长值的行。

我在Chrome / Windows中一直看到这一点。

这仅仅是引导程序的限制(因为我读过一些人抱怨)或者我做错了什么?我该如何解决这个问题?

由于

1 个答案:

答案 0 :(得分:2)

你基本上已经解决了问题中的问题。在较窄的分辨率下,“消息”行的长值最终会过长。我的建议是从“.badge,.label”选择器中删除“white-space:nowrap”。这将有助于防止他们摆脱桌面,以及他们适合的更广泛的分辨率。

有意义吗?