CODEWITHSUNDEEP
jquerycsstwitter-bootstraptwitter-bootstrap-3
user3026519
user3026519

Reputation: 543

When scrolling the Browser screen content does not move when using bootstrap

I have fixed header and a bootstrap menu but when i scroll the browser screen nothing happens. Please give some suggestions. Is there any css problem or a conflict because when i remove bootstrap dropdown menu it starts working.

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

Upvotes: 1

Views: 87

Answers (1)

JJJ
JJJ

Reputation: 33163

Your content is inside the navigation which you've set to be fixed (navbar-fixed-top). Put the content outside the navbar.

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

<div class="container">
</div>

If you're concerned that the fixed navbar covers a part of the container, add some top margin or padding to the container.

Upvotes: 1

Related Questions