Bootstrap导航栏无法正常运行

Question

我正在尝试使用Jade创建一个bootstrap导航栏。在使用vanilla HTML时，这一直对我有用，但它并没有给我正确的结果与Jade

    nav.navbar.navbar-default.navbar-fixed-top
    .container-fluid
        .navbar-header
            button.navbar-toggle.collapsed(type='button', data-toggle='collapse',
            data-target='#navbar-main')
                span.icon-bar
                span.icon-bar
                span.icon-bar
            a.navbar-brand(href='/') Loc8r
        #navbar-main.navbar-collapse.collapse
            ul.nav.navbar-nav
                li
                    a(href='/about/') About

我已确认bootstrap工作正常。

目前，它看起来像这样：

如您所见，该按钮不显示3个图标栏。事实上，当空间可用时，按钮甚至不应该可见