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 to jade online converter我得到了不同的结果，生成了这个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

没有显示Jade的Bootstrap导航栏

1 个答案: