如何在新行开始分页？我使用引导程序

当你看到图像。分页的结果出现在商店列表的旁边。
它必须低于此。
我该怎么做？如何在新行开始分页？我使用引导程序

视图

<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

如何在新行开始分页？我使用引导程序

回答

相关问题