如何在nodejs中使用pug-bootstrap模块？

Question

我在nodejs项目中安装了pug-bootstrap模块。我正在尝试从导航栏创建一个菜单。

我已经完成了这些文件：

layout.pug：

include /node_modules/pug-bootstrap/_bootstrap.pug

index.pug：

extends layout

block head
  +navbar("menu")
  +nav_item("#", undefined, true)
    string test

block body
  h1= title
  p Welcome to #{title}

_bootstrap.pug包含bootstrap css文件：https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css。但它没有加载到网页上。

有人知道为什么吗？以及如何解决这个问题？

任何帮助都会受到赞赏。

Answer 1

当您使用block扩展模板的一部分时，您之前将替换该块中已有的任何代码。在这种情况下，我假设head包含了对您正在覆盖的CSS文件的引用。

一般来说，对append部分使用block而不是head（请参阅其文档中的this page）。这样，父模板的先前内容不会被覆盖。

在您的用例中，我怀疑您是否应该在head块中放置任何内容，因为它是为元标记保留的，而不是实际的可见内容。换句话说：无论如何，您需要将您拥有的代码移至body，因为可见文档对象属于body，而不属于head。