我正在使用 Twitter Bootstrap 3 创建一个网页。我使用导航栏的直觉是让每个项目导航到新的 href。然而，我见过以不同的方式处理这个问题。
有些页面确实导航到新的 href 并触发页面加载，可能使用某种模板在所有 html 页面上使用相同的导航栏代码，如中所述这个问题 https://stackoverflow.com/questions/22602363/write-twitter-bootstrap-navbar-once-for-multiple-pages.
我见过的其他页面似乎隐藏或显示带有内容的 div。乍一看，这似乎需要权衡——一方面，一旦加载，您就可以拥有一个活泼、响应迅速的页面。另一方面，在大型网站上，初始页面加载最终可能会很大。
其他页面使用导航栏项目滚动到非常高的页面中的特定位置。当我使用这些页面时，我发现不使用导航栏项目的导航会让人迷失方向。我认为随着页面大小的增加，这个解决方案也会变得不那么有吸引力。
还有一些人使用导航栏项目添加重新加载页面的查询参数。我不确定这些是如何做到的，这是我发现的最不常见的方法。
我的问题是：“引导方式”是什么？毫无疑问，所有这些都是有效的。但是是否有关于选择其中一种的权衡和动机的讨论？对于小页面，隐藏 div 或滚动似乎是一个很好的解决方案，因为您最终可能会看到快速向用户加载内容。但在大页面中，您似乎需要另一种方法。也许您可以使用 div 方法获取顶级摘要项，然后使用 href 方法向下导航。
有人对对他们有用的方法有什么建议吗？或者指向讨论如何有效使用导航栏的文章？
我从来没有找到任何关于这一或那一种方式的讨论。引导程序 http://getbootstrap.com/本身似乎使用 hrefs 方法。作为一名用户，我发现这种方法是最容易理解的。
由于我找不到任何有关如何有效使用此方法的模板，因此我创建了自己的模板称为引导烘焙 https://github.com/srsudar/bootstrap-baked。导航栏的 html 在所有顶级页面之间共享，使用咕噜烘烤 https://github.com/MathiasPaumgarten/grunt-bake模板任务。如果您只是想使用 Bootstrap 创建一个基本网站，这可能是一个不错的起点。
它使用 href 通过导航栏进行导航，因此每个新页面都是一个新的 html 文件。它附带了提供的所有任务yeoman http://yeoman.io/ 网络应用程序生成器 https://github.com/yeoman/generator-webapp（配置为与 grunt-bake 配合良好）和响应式导航栏。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
