twitter-bootstrap – 为多个页面写一次Twitter Bootstrap导航栏

发布时间：2020-12-17 21:34:28 所属栏目：安全来源：网络整理

导读：我正在尝试使用Twitter Bootstrap 3.我想让每个导航栏项目转到一个新的href.例如,我希望将navbar项目“about”和“contact”链接到about.html和contact.html页面. 我发现的很多网站似乎只是在一个非常高的页面中滚动,但我并不是这种方法的忠实粉丝,因为当我

我正在尝试使用Twitter Bootstrap 3.我想让每个导航栏项目转到一个新的href.例如,我希望将navbar项目“about”和“contact”链接到about.html和contact.html页面.

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

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

我误解了导航栏的用途 – 即.使用hrefs是不正确的方法？如果没有,有人能告诉我在不同的html页面中重用导航条代码的有效方法吗？我找到了涉及使用.shtml文件的解决方案,但我更喜欢没有这个.

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

解决方法

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

<!--(bake includes/navbar.html)-->

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!