Question

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

有人知道如何在bootstrap css中启用滚动条吗？（没有bootstrap css显示条形图）

编辑：

我发现您可以添加的黑色导航栏中的navbar-fixed问题。没有postition: fixed，它可以正常工作。

Answer 1

确保导航栏中的所有<div>都已关闭。如果不是，则固定属性由降序标记继承，滚动条消失。

Answer 2

我发现删除导航栏的“position：fixed”为我解决了这个问题：

.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 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

您的HTML代码中缺少结束</div>。对于每个<div class="foobar">，您必须有一个结束</div>。这个（滚动问题）可能在使用twitter bootstrap而不关闭你的div时发生。

Bootstrap：如何启用滚动条？

5 个答案: