Bootstrap：显示带徽章类的跨度

Question

我有一个导航栏，我在菜单中添加了徽章，但它没有正确显示。

但是在bootstrap的网站上它显示正确，我找不到问题，有我的代码：

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="navbar-header"> ... </div>
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav"> ... </ul>
        <div class="collapse navbar-collapse navbar-left">
                            <ul class="nav navbar-nav">
                <li><a style="font-size: 18px;" href="#"><span style="font-size: 12px; background-color: #cc2200;" class="badge">358</span><span class="glyphicon glyphicon-bell"></span></a></li>
                ....
            </ul>
        </div>
    </div>
</nav>

我该如何解决？

Answer 1

这是由于font-family还是没有足够的空间。

尝试通过增加width来增加空间，如果不起作用，则它是默认字体样式。