调查为什么 Bootstrap CSS 在 Express 中不起作用的建议

Question

我正在学习 Express.js，并已将 Bootstrap 纳入我的 layout.jade。问题是，样式没有显示出来。任何关于如何解决这个问题的建议都表示赞赏。

这里是layout.jade：

doctype html
html(lang='en')
  head
    title=MiniApp
    link(rel='stylesheet', ref="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css")
    link(rel='stylesheet', ref="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css")
  body
    block content
    script(src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js')

这是 index.jade 的第一部分，唯一的另一个 Jade 文件（我刚刚将 an example Bootstrap file 转换为 Jade。）：

extends layout

block content
  nav.navbar.navbar-inverse.navbar-fixed-top
    div.container
      button.navbar-toggle.collapsed(data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar")
        span.sr-only Toggle navigation
  ...etc.

最主要的是，它在一个容器内 div，但页面仍然没有任何样式呈现。为什么？

其他一些 solutions 建议使用 Bower，但我没有使用 Bower。

Answer 1

而不是 ref，你应该使用 href

link(rel='stylesheet', href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css")

调查为什么 Bootstrap CSS 在 Express 中不起作用的建议

Advice sleuthing down why Bootstrap CSS not working in Express

css

twitter-bootstrap

pug