html - 如何在新行开始分页？我正在使用 Bootstrap

Question

如您所见。分页的结果就在商店列表的旁边。
它必须低于那个。
我该怎么做？

查看

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

图片

更新:这是生成的 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>

Answer 1

如果您的跨度或列表包含 float ，那就是问题所在

尝试

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