Jquery 使用Bootstrap V3.0.0在IE8上首次加载时右菜单（导航栏右）未对齐

我有一个MVC4网站要在IE8上运行。我们正在使用引导导航控件创建导航标头。第一次渲染时，我发现右菜单项没有对齐，如果我按F5，对齐再次正确。我们尝试使用F12调试器和Fiddler进行调试，以查看脚本和CSS文件是否得到渲染，它们渲染得很好

什么可能是它在第一次拍摄时未对齐的原因？刷新时它是如何重新对齐的

 <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>

切换导航

它不是Bootstrap 3.3.0，而是V3.0.0。很抱歉，TypeIE8需要Respond.js或类似文件才能正确呈现。如果您正在使用它，可能它还没有时间解析文档，或者您在页面中加载它太晚。