Prevent Bootstrap navbar from collapsing and breaking

Asked Feb 20 '17 at 13:09

Active Feb 20 '17 at 13:09

Viewed 33 times

I have a fixed bootstrap navbar at the bottom. It breaks to mobile view at 768px. I'd like to prevent it, without re-compiling bootstrap.css.

Is there a simple way to do this, without touching bootstrap.css. I can write a new css though. Or change the HTML.

I removed..

<ul class="nav navbar-nav navbar-right">

to..

<ul class="nav navbar-right">

But it did not worked out.

Here is my demo project:

https://jsfiddle.net/qr3n0qyt/

asked Feb 20 '17 at 13:09

@ZimSystem this does not work with boostrap 3. I've tried this with jsfille. – Franz Peter Tebartz van Elst Feb 20 '17 at 13:26
It will work but you'll need to restructure the navbar. You shouldn't have the responsive nav with all of the collapse and toggle. You should only have a `navbar-brand` and `navbar-nav` – Carol Skelly Feb 20 '17 at 13:41

0 Answers0