Twitter的引导：侧栏导航，维护

我提前道歉，如果这是一个愚蠢的问题，但我是新来引导和一般的UI设计。Twitter的引导：侧栏导航，维护

话虽这么说，我的问题是围绕着维护左侧导航栏。假设我的导航栏列出了四个链接...对于我来说这将是四个单独的源HTML文件...每个都有自己的导航副本。所以，如果我添加第五页到我的网站，我必须编辑五个文件（原来的四个更新导航+新页面）。

在我已经做了搜索，似乎没什么有HTML片段（以及我想这个内容到Web服务器/应用服务器之外运行），没有什么好办法。此外，我的真实场景可能接近15页，因此只是将其制作成一个大文件，然后使用jquery显示/隐藏链接内容的想法可能不是一种选择。 Bootstrap中是否有任何组件可以提供帮助？或者一般的工具？

我给了一些思考，只是写一个预处理器生成的网站，但我所有的使用其他人率先发明了轮子！

谢谢！

来源

2012-06-06 Matt Felzani

不幸的是，没有一种方法，包括一个HTML文档（还）内从其他文件的HTML代码或片段。这是HTML的一个缺点，并且难以保持所有页面上的所有数据都一样。我发现这样做的最好方法是通过AJAX将所有页面加载到一个页面中（例如，单击按钮时，将HTML文件加载到主内容部分中）或使用PHP创建一个主索引文件包括基于$_GET['']变量的内容。

这一点的一个蹩脚的情况看作为引导就像是一个“杀二鸟一石”类型的框架，但它大多是静态的。

来源

2012-06-06 14:07:34

的感谢！我与一个给我另一个使用jquery组装页面的人搭车。他表示可以用多个文件完成，然后在页面加载时动态获取正确的内容div（当然，我的每个导航都只有一个div）。虽然它远非一个很好的解决方案，但我认为它也可用，因为它不会违反我的“一个巨大的文件”限制。 –

你说得很对，你会重新发明自己的预处理器，因为有很多事情已经做得非常好。当然，这可以在全内容管理平台来完成像WordPress或编写自己的PHP等

你可能想通过检查Jekyll，一个基于Ruby的预处理是组装一个站点开始。它使用Liquid来创建模板（你也可以使用没有Jekyll的纯液体）。在需要导航栏的每一页上，您只需添加

{% include navbar %}

然后有一个小的html片段来描述您的导航栏。那么你只需要在一个地方编辑html。 Jekyll有一个活跃的社区，Jekyll-bootstrap可能是一个学习如何开始使用Jekyll的简单方法，特别是如果您已经知道/计划使用twitter-bootstrap。

还有很多其他类似的项目，其他你可能看是ruhoh和yst

来源

2012-06-06 16:30:59 cboettig

感谢您的提示。这两个答案都是出色的质量，所以我要与年表领先破发者。谢谢！ –

Twitter的引导：侧栏导航，维护

回答

相关问题