html - Twitter bootstrap 风格继承与 jinja2

标签 html css twitter-bootstrap template-engine jinja2

我正在使用使用 jinja2 作为模板引擎的 Google 应用引擎开发网络应用。

我是我的base.html文件我有一个 <link> CSS 的标签。

现在我有另一个文件 front.html扩展第一个文件。它有 {% extends 'base.html' %} block ,代码在 block 中 {% block content %} ...... {% endblock %} .

在第二个文件中,CSS 样式将不适用。有什么解决办法吗?

更准确地说: 基础.html:

<head><br/> <link ... ><br/> < /head><br/> <body><br/> {% block content %}<br/> {% endblock %}<br/> </body>

front.html:
{% extends 'base.html' %}<br/> {% block content %}<br/> ....<br/> {% endblock %} 标签中的样式不会应用于该 block 。

最佳答案

好的。我想到了 。 front.html 的路径类似于 /path1/path2而对于 base.html路径是 /path1 .所以它没有正确链接。

作为一种解决方案,您可以在链接标记上创建一个 block 并覆盖它,例如:

{% block stylesheet %}<br/> <link href="path1/something.css"><br/> {% endblock %}

在你的 child 身上
{% block stylesheet %}<br/> <link href="/path1/path2/something.css"><br/> {% endblock %}

或者,您可以在 app.yaml 中放置一个路径文件。

关于html - Twitter bootstrap 风格继承与 jinja2,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12434506/

相关文章:

html - 如何将图片对齐到单选按钮的同一行?

html - 为什么第二个导航移动到第一个导航之上

html - <nav> 元素溢出 &lt;header&gt;

javascript - AngularJS - UI Bootstrap 日期选择器

php - 在 'header.php'或 'function.php'文件中插入Bootstrap目录更好吗?

javascript - 通过不显眼的验证以 asp.net mvc 形式动态添加 bootstraph glyphicon

html - 如何从呈现的组件获取 HTML 输出

javascript - 如何在不使用 jQuery 的情况下创建一个简单的页面垂直滚动条?

javascript - 当其他 DIV 被移除时,动态创建的 DIV 不保持位置

css - 对齐错误 - css 边框