Bootstrap导航栏样式未与jade / express.js一起显示

时间:2018-12-17 06:57:52

标签: node.js express bootstrap-4 pug

doctype html
html
  head
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')
    link(rel='stylesheet', href='https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css', integrity='sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO', crossorigin='anonymous')
  body
    nav.navbar.navbar-default
      .container-fluid
        .navbar-header
          a.navbar-brand(href='#') NodeAuth
        ul.nav.navbar-nav
          li
            a(href='#') Dashboard
          li
            a(href='/users/register') Register
          li
            a(href='/users/login') Login
          li
            a(href='#') Logout
    block content
  script(src='https://code.jquery.com/jquery-3.3.1.slim.min.js', integrity='sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo', crossorigin='anonymous')
  script(src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js', integrity='sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49', crossorigin='anonymous')
  script(src='https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js', integrity='sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy', crossorigin='anonymous')

我正在使用jade渲染引擎,并且在页面加载时看起来像这样。 https://gyazo.com/705611129c2d45d931e5bbbe2b5bbff0 我检查了页面/视图源,没有看到任何错误,并且引导程序样式表已正确加载,但是我的页面上没有“ navbar”引导程序样式。

这是怎么回事?

0 个答案:

没有答案