twitter-bootstrap - Twitter Bootstrap : Sidebar Nav Maintenance

标签 twitter-bootstrap

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

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

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

我曾考虑过编写一个生成网站的预处理器,但我完全赞成使用其他人首先发明的轮子!

谢谢!

最佳答案

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

这有点糟糕,因为 Bootstrap 就像“一石二鸟”类型的框架,但它大多是静态的。

关于twitter-bootstrap - Twitter Bootstrap : Sidebar Nav Maintenance,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10908202/

相关文章:

css - 应用 Bootstrap 时标题后面的双线停止工作

html - 对齐 Bootstrap 列

css - Microsoft Edge 后台附件 :fixed not working

javascript - 使用 JavaScript 滚动时如何将左侧菜单设置为粘性

css - 列中的 Kendo UI 网格输入样式

css - Twitter Bootstrap 流体行水平对齐

jquery - Bootbox 确认对话框问题

javascript - "Splitting"长字

php - 如何在 2 列 Bootstrap 2.32 布局的右列中修复表单

css - 在轮播图片下方显示轮播标题