在ExpressJS中，导航栏折叠无法在响应模式下工作

Question

我在ExpressJS应用程序中使用jade。右侧角落的折叠按钮在响应模式下可见，但其导航头未显示。 我附上了我的代码。有人能告诉我什么是错的吗？

body
    .navbar.navbar-default.navbar-fixed-top
      .container
        .navbar-header
          a.navbar-brand(href='/') MyBlogs
          button.navbar-toggle(type='button', data-toggle='collapse',data-target='#navbar-main' aria-expanded='false', aria-controls='navbar-main')
            span.sr-only Toggle navigation
            span.icon-bar
            span.icon-bar
            span.icon-bar
        #navbar-main.navbar-collapse.collapse
            ul.nav.navbar-nav
              li
                a(href='#about') About
              li
                a(href='#ADF') ADF
              li
                a(href='#SOA') SOA