引导：如何实现滚动条？(Bootstrap: How to enable scroll bars?)

我使用Twitter的引导在我的项目之一，但我有我的内容超出浏览器视图的问题。 通常情况下，你看到在屏幕的右侧滚动条，但不是在我的情况。 我搜索在后引导css文件overflow: hidden; 或类似的东西，并删除了它，但这并没有解决问题。

没有人知道如何启用引导CSS滚动条？ （无引导的CSS条显示）

编辑：

我必须找出问题的navbar-fixed在黑色的导航栏，您可以添加。 如果没有postition: fixed它工作正常。

Answer 1:

我发现删除“的位置是：固定”为解决这个问题，我的导航栏：

.navbar-fixed-top, .navbar-fixed-bottom {
    /*position: fixed;*/
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0;
}

这家伙也有一些有用的信息： http://davidlains.com/strange-twitter-bootstrap-scrolling-issue

Answer 2:

确保所有<div>从导航栏被关闭。 如果不是，固定属性由下降标签继承和滚动条消失。

Answer 3:

与你最后的样式表覆盖它。
（可能是你自己的主题样式表。）

html, body {
    overflow: visible;
}

Answer 4:

<style type="text/css">
            body, html {
                height: 100%;
                overflow: hidden;
            }

            .navbar-inner {
                height: 40px;
            }

            .scrollable {
                height: 100%;
                overflow: auto;
            }

            .max-height {
                height: 100%;
            }

            .no-overflow {
                overflow: hidden;
            }

            .pad40-top {
                padding-top: 40px;
            }
    </style>

希望这是你在找什么

Answer 5:

你是缺少一个右</div>在HTML代码中。 对于每<div class="foobar">你必须有一个闭合</div> 这（滚动发行）可使用Twitter的引导，而不是关闭您的div时发生。

文章来源: Bootstrap: How to enable scroll bars?