为什么我的桌子搞砸了我的页面？

Question

我正在使用twitter的bootstrap（我是新手），并在页面上有一个菜单和一个表格。菜单本身很好。没有数据的表（或者只有几行）就可以了。问题是，当我尝试在我的表中放置很多行以便显示垂直滚动条时，它会混乱格式化并且滚动条会流入标题。这是我的fiddle。我做错了什么？

编辑： 这就是我目前所得到的：

______________________
|_______header_____|*| <----the scrollbar bleeds into the header
|                  |*|
|   Container Div  |*|
|                  |*|
|                  |*|
|                  |*|
|                  |*|
|                  |*|
----------------------

这就是我想要的：

______________________
|_______header_______|
|                  |*|<--- scrollbar starts after the header
|   Container Div  |*|
|                  |*|
|                  |*|
|                  |*|
|                  |*|
|                  |*|
----------------------

This fiddle解决了这个问题，但我似乎无法通过twitter bootstrap实现相同的效果......滚动条仍然会流入标题。 THX！

Answer 1

我相信滚动条与表格无关。它来自.container div上的宽度引导程序集。

看看你是否仍然可以看到滚动条：http://jsfiddle.net/joplomacedo/Ph7GZ/3/