1

我在我的网站上使用 django-endless-pagination 和 twitter 样式分页和 twitter 引导程序。

现在,使用 django-endless-pagination,当显示第一页时,系统使用以下样式。

    .row-fluid .offset1:first-child {
        margin-left: 8.547008547008547%;
     }

但是从第二页开始,第一个元素使用的样式如下。

    .row-fluid .offset1 {
        margin-left: 11.11111111111111%;
     }

由于两个页面第一个元素的左边距不同,因此第 1 页和第 2 页之间的行没有对齐。我如何更改它,以便第二页第一个元素也使用第一个子样式并且它是对齐的。

编辑 :-

我的代码在模板中如下所示

    <div class="offset1 span10">

            <div class="span4">
                {% lazy_paginate column_1_items_list %}
                {% if column_1_items_list %}
                    {% for column_1_item in column_1_items_list %}
                        <div class="row-fluid image_div" style="padding-top:20px">
                            <h4 class="text-center"><a href="link">name_of_item</a></h4>
                             <a target="_blank" href="link_for_item">
                                <img class="item-size" src="photo.url" alt="name_of_item "/>
                            </a>
                            <p> quick_summary|safe </p>
                            <div class="row-fluid bottom">
                                <span class="price"><b>£ price</b></span>
                            </div>
                        </div>
                    {% endfor %}
                {% endif %}
                {% show_more " " %}
            </div>
      </div>

谢谢斯里坎特

4

1 回答 1

0

您可能只使用forloop.first并向您的 css 添加一个类。

{% for column_1_item in column_1_items_list %}
    <div class="row-fluid image_div{% if forloop.first %} first_child{% endif %}" style="padding-top:20px">
    ...
{% endfor %}
于 2013-05-29T15:14:05.483 回答