我正在尝试开始使用 Twitter Bootstrap 3。我想让每个导航栏项目都转到新的 href。例如,我希望导航栏项目“关于”和“联系”链接到对应的about.html
and contact.html
pages.
我发现的许多网站似乎只是在一个非常高的页面中滚动,但我不太喜欢这种方法,因为当我浏览这些页面时,它总是让我失望,而且看起来会很慢当页面变大时。
然而,让导航栏项目转到新的 href 的问题似乎是,当我更新和重写导航栏代码时,我必须在所有页面上保持导航栏代码同步。这显然是不正确的。
我是否误解了导航栏的预期用途——即使用 href 是错误的方法吗?如果没有,谁能告诉我一种在不同 html 页面上重用导航栏代码的有效方法?我找到了涉及使用的解决方案.shtml
文件,但我宁愿不这样做。
Edit:一些解决方案确实提供了基本上包含 html 的可能性,这很棒。但这是做事的“引导方式”吗?或者当我应该以另一种方式做时,我是否正在努力使用旧系统?这似乎是一个足够广泛的问题,我已经继续了在这里问的 https://stackoverflow.com/questions/22615270/what-is-the-correct-way-to-navigate-using-the-twitter-bootstrap-navbar.
如果你使用grunt在你的项目中,你还可以使用咕噜烘烤 https://github.com/MathiasPaumgarten/grunt-bake用于 html 模板。
您可以创建导航栏.html并将其包含在任何 html 文件中,如下所示:
<!--(bake includes/navbar.html)-->
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)