Wie wird die Bootstrap-Navigationsleiste korrekt in Microsoft Edge angezeigt?

Ich habe ein zusätzliches Hyperlink-Element in der Boostrap-Navigationsleiste hinzugefügt. Es kann in allen Browsern außer Microsoft Edge angezeigt werden.Wie wird die Bootstrap-Navigationsleiste korrekt in Microsoft Edge angezeigt?

Was muss ich ändern, damit es auch in Microsoft Edge korrekt gerendert wird?

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