jquery - Right menu (Navbar-right) misaligned on first load on IE8 using Bootstrap V 3.0.0 -
i have mvc4 website run on ie 8. creating navigation headers bootstrap nav controls. find right menu items getting misaligned on first time rendering, if hit f5, alignment proper again. tried debug using f12 debugger , fiddler see if scripts , css files getting rendered, render well.
what possibly reason getting misaligned @ first shot , how re-aligning on refresh?
<nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">company logo</a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li><a href="#">project name</a></li> <li><a href="#">admin</a></li> <li><a href="#">reports</a></li> <li><a href="#">history</a></li> </ul> <div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li><a href="#">my contacts</a></li> <li><a href="#">state</a></li> <li><a href="#">prod</a></li> <li><a href="#">welcome, username</a></li> </ul> </div> </div> </nav>
Comments
Post a Comment