CODEWITHSUNDEEP
phphtmlcsstwitter-bootstraptwitter-bootstrap-3
user3026519
user3026519

Reputation: 543

Scrolling does not work when browser size is reduced and header is fixed while using bootstrap

I am fixing header using the following code given below and the header gets fixed also but when i reduce the size of browser window the scrolling of the browser windows stops working and i cannot see the whole content. Please give any suggestions.

 div class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">

        </div>
      </div>
    </div>

Upvotes: 0

Views: 65

Answers (1)

Carol Skelly
Carol Skelly

Reputation: 362430

Check out the Bootstrap docs (http://getbootstrap.com/components/#navbar-fixed-top), it says:

Body padding required The fixed navbar will overlay your other content, unless you add padding to the top of the body.

Demo: http://bootply.com/133083

Upvotes: 1

Related Questions