badhey.blogg.se

How to fix navbar on resize bootstrap
How to fix navbar on resize bootstrap





I guess if I had time to dig through their code that I could get the boostrap source files and fix the stupid navbar resizing issue because it should know when it's wrapped to a second line and either remove items until it's a single line again or just push the page down. I'm hoping if I can't find a fix that they've solved it in BS4 which is supposedly coming soon. Seems like a simple thing if you can get the size of that menu object to just change the default offset which would move the main container down but it didn't work.

how to fix navbar on resize bootstrap

Like I said in the OP, someone had a patch they claimed worked in BS2 but it failed in BS3. The problem with the bootstrap navbar-fixed-top is the following:ġ) there are edge conditions where instead of putting items on the drop down menu, it causes a wrap and we get 2 lines instead of it staying just 1 lineĢ) the javascript that displays the navbar in this case overwrites the container below it without moving the containerī) move the contain below the size of the navbar

how to fix navbar on resize bootstrap

Or do we just have to wait for Bootstrap to fix this issue assuming they even know there's a bug in the first place! Like I said, I've looked far and wide and tried a bunch of solutions offered, nothing worked. The only solution I've found to this annoying problem is to switch back to a static navbar that's not positioned on the top of the screen at all times which loses a lot of ease of use and functionality.

how to fix navbar on resize bootstrap

I've tried several solutions I found in various places including one in javascript that detects the resize and supposedly moves the container div based on the currently size of the navbar, it didn't work, it appears to have been for Bootstrap 2 only. This problem isn't unique to WebmasterWorld, it even happens on the main bootstrap site itself as you step up and down resizing the browser viewport. There's a bug in Twitter Bootstrap using navbar-fixed-top where resizing the page causes anything on the right hand side of the menu to eventually find a screen size position where it's not properly calculated and the menu expands to two lines of text, overlapping and obscuring the lines below, and it overwrites our line there the inbox is displayed.







How to fix navbar on resize bootstrap