2016-08-28 1 views
0

Ich verwende JADE. Das Zeichen burger in der oberen rechten Ecke wird nicht angezeigt. (Das Burger-ähnliche Zeichen, das angezeigt wird, wenn sich die Site im Responsive-Modus befindet.)Bootstrap-Navigationsleiste mit Jade nicht angezeigt

Ich habe meinen Code angehängt. Kann mir jemand sagen, was los ist?

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 

Antwort

0

ein html Mit Online-Konverter Jade ich anderes Ergebnis bekam, die 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 
dieser erzeugt