html - 不显示 Jade 的 Bootstrap 导航栏

Question

我正在使用 JADE。右上角的 burger 标志未显示。 (网站处于响应模式时出现的类似汉堡的标志。)

我附上了我的代码，谁能告诉我哪里出了问题？

div.navbar.navbar-fixed-top(role='navigation')
        div.navbar-header
            button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse')
                span.icon-bar
                span.icon-bar
                span.icon-bar
            a.navbar-brand(href="#")
                h1 brand


        div.collapse.navbar-collapse

            ul.nav.navbar-nav.navbar-right
                li.active
                    a.navmenulink(href="#1") about
                li
                    a.navmenulink(href="#2") menu
                li
                    a.navmenulink(href="#3") Contact

Answer 1

使用 html 到 jade 在线转换器我得到了不同的结果，它生成了这个 https://jsfiddle.net/yh8jbyoh/

nav.navbar.navbar-inverse.navbar-fixed-top
  .container
    .navbar-header
      button.navbar-toggle.collapsed(type='button', data-toggle='collapse', data-target='#navbar', 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.collapse.navbar-collapse
      ul.nav.navbar-nav
        li.active
          a(href='#') Home
        li
          a(href='#about') About
        li
          a(href='#contact') Contact