如何让Bootstrap导航栏在Microsoft Edge中正确显示?

时间:2016-09-30 09:28:32

标签: twitter-bootstrap-3 navbar microsoft-edge

我在Boostrap导航栏中添加了一个额外的超链接元素。它可以在除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>

enter image description here

1 个答案:

答案 0 :(得分:0)

大声笑,它简单地删除后面的冒号,

用户:enter image description here

在图片中突出显示