Bootstrap: How to enable scroll bars?

Question

I use Twitter Bootstrap in one of my projects, but I have the problem that my content goes out of the browser view. Normally you see the scrollbar on the right side of the scree

Answer 1

Override it with your last stylesheet.
( Probably your own theme stylesheet. )

html, body {
    overflow: visible;
}

Answer 2

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

Hope this is what you are looking for

Answer 3

Make sure all the <div> from the navbar are closed. If not, the fixed property is inherited by the descending tags and the scroll bars disappears.

Answer 4

I found removing the "position: fixed" for the navbar resolved this problem for me:

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

This guy also has some more useful info: http://davidlains.com/strange-twitter-bootstrap-scrolling-issue

Answer 5

You are missing a closing </div> in your HTML code. For every <div class="foobar"> you must have a closing </div>. This (scrolling issue) can happen when using twitter bootstrap and not closing your divs.