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

Question

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

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

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

这就是我想要的：

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

This fiddle 解决了这个问题，但我似乎无法用 twitter bootstrap 实现同样的效果......滚动条仍然渗入标题。谢谢！

Answer 1

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

看看你是否还能看到滚动条：http://jsfiddle.net/joplomacedo/Ph7GZ/3/