如何在新行開始分頁？我使用引導程序

當你看到圖像。分頁的結果出現在商店列表的旁邊。
它必須低於此。
我該怎麼做？如何在新行開始分頁？我使用引導程序

視圖

<div class='pagination-centered'> 
    <%= page_entries_info(@shops).html_safe %> 
    <%= paginate @shops, :window => 4, :outer_window => 5, :left => 2, :right => 2 %> 
</div> 


<% @shops.each do |shop| %> 
    <%= render 'shops/shop', :shop => shop %> 
<% end %> 


<div class='pagination-centered'> 
    <%= paginate @shops, :window => 4, :outer_window => 5, :left => 2, :right => 2 %> 
    <%= page_entries_info(@shops).html_safe %>

圖片

UPDATE：這是所生成的HTML。分頁必須以新行開始。
它不應該與商店在同一行。

<div class='pagination-centered'> 
    Displaying <b>all 4</b> shops 
</div> 

<span class='shop'> 
    <div class="List"> 
     …shop A...      
    </div> 


    <div class="List"> 
     …shop B...      
    </div> 

    <div class="List"> 
     …shop C...      
    </div> 
</span> 


<div class='pagination-centered'> 
    Displaying <b>all 4</b> shops 
</div>

來源

2013-01-09 cat

也許它只是我，但我沒有看到你的形象上的任何東西，我的意思是你提到的問題。如果你想放在它下面，也許它是一個浮動問題，很難說與你提供的細節，請更具體的圖像和你的代碼 –

@LeventeNagy謝謝。我更新了我的問題。你可以再檢查一次嗎？ – cat

如果您跨度或列表包含浮點數這就是問題

嘗試

<div class='pagination-centered'> 
    Displaying <b>all 4</b> shops 
</div> 

<span class='shop'> 
    <div class="List"> 
     …shop A...      
    </div> 


    <div class="List"> 
     …shop B...      
    </div> 

    <div class="List"> 
     …shop C...      
    </div> 
</span> 

<div class="clearfix"></div> 

<div class='pagination-centered'> 
    Displaying <b>all 4</b> shops 
</div>

來源

2013-01-09 08:21:10

謝謝。現在很好。通常在代碼中經常使用

？ – cat

clearfix是元素在自身後自動清除的一種方式，因此您不需要添加其他標記。它通常用於浮動佈局，其中元素浮動以水平堆疊。 clearfix是一種對付浮動元素的零高度容器問題的方法 –

謝謝！我一直在想使用clearfix防止SEO。謝謝 – cat

如何在新行開始分頁？我使用引導程序

回答

相關問題