bootstrap 100% page height with navbar

Question

I made my container and body height as 100%. i have navbar outside container. I have to keep it outside of container as they both are of different width. because of this navbar the browser gives a scrollbar, which i dont want. i tried float:left& width:100% for navbar but it made container content to go up. does anyone have solution to remove scrollbar

Answer 1

I encountered similar problem while creating a navbar with the nav-tabs having seperate forms. What was causing problem for me, was the form-group horizontal class, which has a display:table type that was adding extra padding on the container. What solved the issue for me was adding 18px extra padding to my container.
You should inspect the page and check for the precise element and css that is causing the horizontal scroll. Also share your html and page, with the included css and js for looking more into the issue here.