Twitter bootstrap 使用Jade的引导导航栏徽章

我正在尝试使用Jade/Pug在导航栏中显示徽章

我看到的不是徽章中的“4”，而是徽章中的“4”

参考：

---

把它全部放在一行，例如´span.badge.badge-important 4´

把它全部放在一行，例如´span.badge.badge-important 4´完美，我怎么能接受这个答案？

nav.navbar.navbar-default( role="navigation" )
    .navbar-header
        button.navbar-toggle.collapsed( type="button", data-toggle="collapse", data-target="#navbar-inverse", aria-expanded="false", aria-controls="navbar")
            span.sr-only Toggle navigation
            span.icon-bar
            span.icon-bar
            span.icon-bar
        a.navbar-brand(href="#") Project name

    #navbar-inverse.collapse.navbar-collapse
        ul.nav.navbar-nav
            li.active: a( href="#") Home
            li: a( href="#about" ) About
            li: a( href="#contact" ) Contact
            li: a( href="#unknown" ) Points
              span.badge.badge-important
                4
            li.dropdown
                a.dropdown-toggle( href="#", data-toggle="dropdown", role="button", aria-expanded="false" ) Dropdown 
                    span.caret
                ul.dropdown-menu( role="menu" )
                    li: a( href="#" ) Action
                    li: a( href="#" ) Another action
                    li: a( href="#" ) Something else here
                    li.divider
                    li.dropdown-header Nav header
                    li: a( href="#" ) Separated link
                    li: a( href="#" ) One more separated link