Bootstrap navbarをMicrosoft Edgeで正しく表示するにはどうすればよいですか？

Boostrapナビゲーションバーに追加のハイパーリンク要素を追加しました。 Microsoft Edge以外のすべてのブラウザで問題なくレンダリングされます。Bootstrap navbarをMicrosoft Edgeで正しく表示するにはどうすればよいですか？

Microsoft Edgeでも正しく表示されるように変更する必要はありますか？

<html> 
    <head> 
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
     <style type="text/css"> 
      .theScore { 
       color:yellow; 
       float:left; 
       padding: 11px 0 0 0; 
       font-size: 20px; 
       font-weight: bold; 
      } 
     </style> 
    </head> 
    <body> 
     <div class="container"> 
      <nav class="navbar navbar-inverse"> 
       <div class="container-fluid">      
        <div class="navbar-header pull-left"> 
         <a class="navbar-brand" href="#">User</a>: 
         <a class="theScore" href="#">0000000</a>      
        </div>  
       </div> 
      </nav> 
     </div> 
    </body> 
</html>