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

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

我做了这些文件：

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扩展模板的一部分时，您将replace之前已经在该块中的任何代码。 在这种情况下，我假设head包含了一个你正在覆盖的CSS文件的引用。

一般来说，在head使用append而不是block （参见他们的文档中的这个页面 ）。 这样，以前的父模板内容不会被覆盖。

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