2013-04-05 81 views
1

我在我的網站上使用了twitter風格分頁和twitter引導的django-endless-pagination。django無盡的分頁使第二頁在引導中使用不同的css

現在,用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> 

感謝 斯里卡特

回答

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 %}