Twitter Bootstrap 3文件结构混乱

时间:2014-03-31 20:05:22

标签: javascript html twitter-bootstrap twitter-bootstrap-3

我从github(包括文档站点)下载了bootstrap 3 master zip,并注意到他们正在将页眉/页脚文件导入到page / default.html文件中,就像在PHP中一样。

例如,这是home.html文件中的代码(在docs / _layouts中):

<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta, title, CSS, favicons, etc. -->
{% include header.html %}
</head>
<body class="bs-docs-home">
<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>

<!-- Docs master nav -->
{% include nav/main.html %}

<!-- Page content of course! -->
{{ content }}

{% include footer.html %}
</body>
</html>

我怎么能做同样的事情?他们使用Javascript导入文件吗?我在一台不允许php(大学网站)的服务器上。

任何帮助都会受到赞赏,因为我还在学习,这样每次菜单更改时都不会更新20个以上的html文件会更容易。

1 个答案:

答案 0 :(得分:0)

Bootstrap文档使用Jekyll静态网站构建工具 Jekyll使用Liquid templating language,它解释{% include %}指令和{{ }}表达式。以下是关于Liquid的一些文档:

模板不涉及JavaScript。在构建时对模板进行一次评估,以生成静态HTML文件。 Jekyll本身是用Ruby编程语言编写的。