我在我的网站上使用 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>
谢谢斯里坎特