html - 改行でページネーションを開始するにはどうすればよいですか？ブートストラップを使用しています

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

スパンまたはリストにフロートが含まれている場合、それが問題です

試す

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