CODEWITHSUNDEEP
htmlcsstwitter-bootstrapresponsive-design
user1642018
user1642018

Reputation:

How to make horizonatal scroll work on Navbar in Non-responsive Bootstrap

I am trying to create pure non-responsive template using bootstrap,

example http://getbootstrap.com/examples/non-responsive/

above example is working great, but if i resize the browser window to small size then horizontal scroll bar is shown but when i move the scroll bar to right, it doesnt show the navbar contents at right side, the navbar doesnt scroll.

how do imake the navbar too scroll, so i can see the right side contents on the NavBar.

i have tried adding the 

overflow:scroll;

.navbar-fixed-top but it adds scrollbar to the navbar .

Upvotes: 1

Views: 781

Answers (1)

Vitorino fernandes
Vitorino fernandes

Reputation: 15951

As the nav is fixed extra links will be hidden so you can make the nav static

you will need to change the class from navbar-fixed-top to navbar-static-top

<nav class="navbar navbar-default navbar-fixed-top">

to

<nav class="navbar navbar-default navbar-static-top">

or you will need to write your own css to make the nav width 100%

Upvotes: 1

Related Questions