我有以下响应式博客档案布局,它存在对齐问题,但我不确定要针对哪个元素来解决问题。
在链接的jsFiddle 示例中中,调整宽度确实会产生响应式布局,但博客文章列表没有正确对齐。
来自 hyde 静态站点生成器的以下代码似乎放入了冗余<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 %}