1
我有以下responsive blog archives layout,它存在对齐问题,但我不确定哪个元素可用于解决问题。Hyde产生的TB流体div对齐问题生成的代码
在链接的jsFiddle example中,调整宽度确实会生成响应式布局,但博客文章的列表不能正确对齐。
海德静态网站生成器的下面的代码似乎把多余的<p>
标签放在里面,我不确定它是否需要在那里补救,或者如果一些CSS调整就足够了。
{% extends "base.j2" %}
{% from "macros.j2" import render_excerpt with context %}
{% block main %}
{% block page_title %}
<h1 class="title"></h1>
<div class="page-header">
<h1>{{ resource.meta.title }}</h1>
</div>
{% endblock %}
<div class="row-fluid">
{% for res in resource.node.walk_resources_sorted_by_time() %}
{% refer to res.url as post %}
<div class="span4">
<a href="{{ content_url(res.url) }}"><h2>{{ res.meta.title }}</h2></a>
<a href="{{ content_url(res.url) }}" class="postpic">{{ post.image|markdown|typogrify }}</a>
{{ res.meta.excerpt|markdown|typogrify }}
<p><a class="btn" href="{{ content_url(res.url) }}">View details »</a></p>
</div><!--/span-->
{% endfor %}
</div><!--/row-->
{% endblock %}
为用于生成页面的语言添加标签! ;) – rkpasia