RedXTech RedXTech - 1 year ago 121
Sass (Sass) Question

Bootstrap Navbar Too Large for Page

I have a website up at and I have a bootstrap navbar with a pulled-left brand and a pulled-right navbar ul.

The problem is that the navbar extends out larger than the page actually is, creating overflow and scolling.

If I could get some help removing the overflow without sacrificing the navbar-brand and navbar-pills on the same line that would be great!

I am also using santize.css if that makes difference.

Answer Source

.navbar-right is meant to be on a descendant of an element with .container or .container-fluid. Without this, .navbar-right extends past the edge of it's ancestor elements. When one of those ancestor elements is body, it causes the page to be wider than the view.

Check out this navbar example and bring your code inline with what is demonstrated there.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download