调查为什么 Bootstrap CSS 不能在 Express 中工作的建议

Question

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

这是 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

你应该使用 href 而不是 ref

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