2017-04-10 11 views
0

私のページでページネーションをフッターに移動しようとしています。
私はこの解決策を望んでいませんが、私はこれを一人でしたいと思いますが、どこから始めたらよいのでしょうか。ページネーションをフッターに移動

*最近、この本は本から完成しましたが、今は自分で何かをしようとしています。

コード:

<div id="pins" class="transitions-enabled"> 
    <% @pins.each do |pin| %> 
    <div class="box"> 
    <div class="panel panel-default"> 
     <%= link_to image_tag(pin.image.url(:medium)), pin %><br/> 
     <div class="panel-body"> 
     <%= pin.description %><br/> 
     <br/> 
     <strong><%= pin.user.name if pin.user %></strong><br/> 
     </div> 
     <% if pin.user == current_user %> 
     <div class="panel-footer"> 
     <%= link_to 'Edit', edit_pin_path(pin) %><br/> 
     <%= link_to 'Delete', pin, method: :delete, data: { confirm: 'Are you sure?' } %> 
     </div> 
     <% end %> 
    </div> 
    </div> 
    <% end %> 
</div> 
<br/> 
<div class="center"> 
    <%= will_paginate @posts, renderer: BootstrapPagination::Rails %> 
</div> 

画面:

enter image description here

+1

コード、特にインデントをフォーマットしてください。 – Iceman

+0

私はそれが今より良いと思う、私はもっと何ができるのか分からない。 – forschool

+0

divの行は整列しません。これはhtmlコードをデバッグする際に最も重要な要素です。 – Iceman

答えて

2

あなたのコンテナを示したhaventは。すべてのコンテンツを順番にコンテナに渡した場合:

<div class="container"> 
<div class="row"> 
    <div class="col-md-12"> 
    Stff.. 
    </end> 
    </end> 
</end> 

すべては問題ありません。速くしようと修正したよう:

<div class="center col-md-12"> 
<%= will_paginate @posts, renderer: BootstrapPagination::Rails %> 
</div> 

しかし、これはただ速い修正ではなく、ソリューション...

そして、あなたのコードは、ビット厄介で、あなたは1つの決算のdivを持っていますが、haventはは示しました。開かれた場所

+0

私は分かりませんあなた、私の部門のすべてが閉鎖している – forschool

+0

ええ、今私はそれを参照してください、彼らはすべて閉じている。しかし、とにかく - あなたはコンテナ、行とそのクラス( 'col-md-12'など)を見せてくれません。彼らはあなたの要素をブートストラップにプッシュするので、パディングを使って問題を解決することができます –

+0

" 、行とそのクラス "とはどういう意味ですか? – forschool

関連する問題