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

Popular posts from this blog

html - Outlook 2010 Anchor (url/address/link) -

javascript - Why does running this loop 9 times take 100x longer than running it 8 times? -

Getting gateway time-out Rails app with Nginx + Puma running on Digital Ocean -