我正在使用Twitter Bootstrap 3创建一个网页。我使用导航栏的本能是让每个项目导航到一个新的href。但是，我已经看到过这种方式有不同的处理方式。
某些页面会导航到新的href并触发页面加载，可能使用某种模板在所有html页面中使用相同的导航栏代码，如this SO question中所述。
我见过的其他页面似乎隐藏或显示带有内容的div。乍一看，这似乎会带来权衡 - 一方面，一旦加载，您就可以拥有一个快速响应的页面。另一方面，初始页面加载可能会在大型网站上变得非常庞大。
其他页面使用导航栏项滚动到非常高的页面中的特定位置。当我使用这些页面时，我发现不使用导航栏项目的导航令人迷惑。随着页面大小的增加，我认为这个解决方案也变得不那么有吸引力了。
还有一些人使用导航栏项添加重新加载页面的查询参数。我不确定这些是怎么做的，而且这是我发现的最不常见的方法。
我的问题是：什么是＆＃34; Bootstrap Way＆＃34;去做吧？毫无疑问，一切都是有效的但有没有讨论选择一个在另一个之间的权衡和动机？对于小页面，隐藏div或滚动似乎是一个很好的解决方案，因为你最终可能会看到像用户快速加载内容。但在大页面中，您似乎想要另一种方法。也许您可以使用div方法获取顶级摘要项目，然后使用href方法导航到一个级别。
有没有人对他们的工作有什么建议？或指向讨论有效使用导航栏的文章？
答案 0 :(得分：2)
我从来没有找到任何关于这种或那种方式的讨论。 Bootstrap本身似乎使用了hrefs方法。作为一个用户，我发现这种方法最容易解决。
由于我无法找到有效使用此方法的任何模板，因此我创建了自己的模板called bootstrap-baked。导航栏的html（在所有顶级页面中共享）使用grunt-bake模板任务在一个位置进行干燥。如果您只是想使用Bootstrap创建一个基本站点，这可能是一个很好的起点。
它使用hrefs通过导航栏进行导航，因此每个新页面都是一个新的html文件。它附带了yeoman webapp generator提供的所有任务（配置为与grunt-bake配合使用）和响应式导航栏。