15

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

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

编辑：

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

4

5 回答 5

16

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

于 2013-03-02T17:48:53.983 回答
3

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

.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

于 2013-02-28T16:55:45.453 回答
3

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

html, body {
    overflow: visible;
}
于 2014-12-18T10:23:32.810 回答
1

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

于 2013-03-17T07:40:25.780 回答
1 
<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>

希望这是您正在寻找的

于 2012-05-15T16:36:51.127 回答