RedXTech RedXTech - 7 days ago 5
Sass (Sass) Question

Bootstrap Navbar Too Large for Page

I have a website up at https://beta.redxtech.ca 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

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

Comments