2

週末、私たちはスウェーデンで大規模なハッカソンを開催しました。数週間前の主催者への私の売り込みは、Instagram 用のピンタレストにインスパイアされた Web アプリを作成することでした。

Twitter ブートストラップを使用してレイアウトを簡単に作成していますが、その pinterest タイプのレイアウトをどのように完成させることができるのでしょうか?

これが私が実行しているループのサンプルです。

{% for obj in images %}
    <div class='span3'>
        <div class='thumbnail'>
            <img src="{{ obj.images.low_resolution.url }}" href="{% url dashboard_get_media obj.id %}" data-toggle="modal" data-target="#myModal"/><br />
            <div class='social-items'>
                ...
            </div>
            <br />
            <div class='clearfix'></div>
            <div class='comment'>
                ...
            </div>
            <div class='clearfix'></div>
            {% for comment in obj.comments %}
                ...
                <div class='clearfix'></div>
            {% endfor %}
        </div>
        <br />
    </div>
{% endfor %}

あなたの助けに感謝します。

アドレスはhttp://instadashapp.com/です。

4

1 に答える 1

4

Masonry javascriptプラグインは、必要に応じて別のプラグインを含めることに反対しない場合に、可能な限り多くの空白を埋めるコンテンツのグリッドを作成するために特別に作成されています。

于 2012-05-14T18:29:03.253 に答える