为多个页面编写一次Twitter Bootstrap导航栏

use*_*019 5 twitter-bootstrap

我正在尝试使用Twitter Bootstrap 3.我想让每个导航栏项目转到一个新的href.例如,我想将导航栏项目"约"和"联系"链接到对应的about.htmlcontact.html页面.

我发现的很多网站似乎只是在一个非常高的页面中滚动,但我并不是这种方法的忠实粉丝,因为当我浏览这些页面时,它总是会让我失望,看起来它会很慢当页面变大时

然而,导航栏项目转到新的href的麻烦似乎是我必须在更新和重写时保持所有页面上的导航栏代码同步.这显然是不正确的.

我是否误解了导航栏的预期用途 - 即使用hrefs是不正确的方法?如果没有,有人能告诉我在不同的html页面中重用导航条代码的有效方法吗?我找到了涉及使用.shtml文件的解决方案,但我更愿意在没有这个的情况下这样做.

编辑:一些解决方案确实提供了基本上包括html的可能性,这很棒.但这是"引导方式"做事吗?或者我是在努力使用旧系统,而应该采取另一种方式呢?这似乎是一个足够广泛的问题,我已经在这里问了一下.

Evg*_*nov 4

如果您在项目中使用grunt ,则还可以将grunt-bake用于 html 模板。您可以创建navbar.html并将其包含在任何 html 文件中,如下所示:

<!--(bake includes/navbar.html)-->
Run Code Online (Sandbox Code Playgroud)