Css 引导3导航栏与表格（带滚动条）重叠

我希望得到一些帮助，我有一个静态导航栏和一些按钮在右边，我有一个非常大的表，用户将与之交互

用户最熟悉类似Excel的视图，其中顶部有一个功能区my navbar，表格根据需要水平和垂直滚动

我有表格来填充页面，并有引导静态导航栏来显示，但是导航栏与表格标题重叠

有没有一种简单的方法来修复这种重叠

这里有一个bootstrap游乐场链接，详细介绍了我目前拥有的内容。

---

当然，给.table包装一个页边顶部：50px，这样会使其向下移动。由于导航栏是固定的，因此它从页面流中移除，因此相对定位的表包装器仍然位于页面顶部之外。

知道这是一个简单的修复。非常感谢。