2

如果这是一个愚蠢的问题，我提前道歉，但我对 Bootstrap 和 UI 设计是新手。

话虽如此，我的问题是关于左导航的维护。假设我的导航列出了四个链接……对我来说，这将是四个单独的源 HTML 文件……每个都有自己的导航副本。因此，如果我向我的网站添加第五页，我必须编辑五个文件（原来的四个文件用于更新导航 + 新页面）。

在我所做的搜索中，似乎真的没有很好的方法来拥有 HTML 片段（以及我希望这个内容在网络服务器/应用服务器之外运行）。此外，我的真实场景可能接近 15 页，因此仅将其设为一个大文件然后使用 jquery 显示/隐藏链接内容的想法可能不是一种选择。Bootstrap 中是否有任何组件可以帮助解决这个问题？还是一般的工具？

我已经考虑过编写一个生成站点的预处理器，但我完全赞成使用其他人首先发明的轮子！

谢谢！

4

2 回答 2

1

你是对的，你会重新发明轮子来构建你自己的预处理器，因为有一些东西已经做得很好了。当然，这可以在 wordpress 等完整的内容管理平台中完成，或者通过编写自己的 PHP 等来完成。

您可能想先查看Jekyll，这是一个基于 ruby​​ 的预处理器，用于组装一个站点。它使用Liquid来创建模板（你也可以使用没有 Jekyll 的纯 Liquid）。在需要导航栏的每个页面上，您只需添加

{% include navbar %}

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

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

于 2012-06-06T16:30:59.590 回答
1

不幸的是，还没有办法在 HTML 文档中包含来自其他文件的 HTML 代码或片段（目前）。这是 HTML 的一个缺点，并且很难在所有页面中保持所有数据相同。我发现这样做的最好方法是通过 AJAX 在一个页面中加载所有页面（例如，当单击按钮时，将一个 html 文件加载到主要内容部分）或使用 PHP 来拥有一个主索引文件包括基于$_GET['']变量的内容。

看到 Bootstrap 就像“用一块石头杀死 2 只鸟”类型的框架，这有点糟糕的情况，但它主要是静态的。

于 2012-06-06T14:07:34.993 回答