Pinterest帖子结构

时间:2014-03-02 02:20:10

标签: html html5 twitter-bootstrap

如何构建像Pinterest这样的网站结构? 我的意思是每个帖子都有自己的高度(由后端编程确定)。

我正在尝试这样做,但我现在拥有的是:

<ul class="thumbnails">


 {% for key, values in prodmatrix %}

 <li class="span3">
<div class="product-box">
<span class="sale_tag"></span>
<p><a href="{% url 'product_detail' slug=values.3.0 %}"><img src="{{ STATIC_URL }}{{values.1.0}}" alt="" /></a></p>
<a href="{% url 'product_detail' slug=values.3.0 %}" class="title"><h4>{{ values.0.0 }}</h4></a><br/>
<p class="category"><a href="{% url 'product_detail' slug=values.3.0 %}">{{values.2.0}} {{values.2.1}} {{values.2.2}}</a></p>

</div>

</li>
 {% endfor %}

</ul>

哪个效果不好,正如您所见here