Make will_paginate generate HTML that bootstrap.less will render nicely

application_helper.rb

  # Based on https://gist.github.com/1182136
  class BootstrapLinkRenderer < ::WillPaginate::ActionView::LinkRenderer
    protected

    def html_container(html)
      tag :div, tag(:ul, html), container_attributes
    end

    def page_number(page)
      tag :li, link(page, page, :rel => rel_value(page)), :class => ('active' if page == current_page)
    end

    def gap
      tag :li, link(super, '#'), :class => 'disabled'
    end

    def previous_or_next_page(page, text, classname)
      tag :li, link(text, page || '#'), :class => [classname[0..3], classname, ('disabled' unless page)].join(' ')
    end
  end

  def page_navigation_links(pages)
    will_paginate(pages, :class => 'pagination', :inner_window => 2, :outer_window => 0, :renderer => BootstrapLinkRenderer, :previous_label => '&larr;'.html_safe, :next_label => '&rarr;'.html_safe)
  end

<%= page_navigation_links @users %> worked for me!

@fellytone84 - Glad it worked for you.

I've updated this gist to directly reflect @thatfunkymunki's fixes here...

@purcell I've just added classname option to page_navigation_links, now it can support Bootstrap 2.0's flexible alignment option: .pagination-center, .pagination-right, default option is pagination.

Thanks, works great!

how do you specify that a link is remote, and how about specifying the params hash? There's no way to pass in those parameters to "page_navigation_links". For example, I need to pass in=> :remote => true.

@bertomartin There's nothing stopping you from changing the definition of page_navigation_links so that it allows you to merge in extra options.

@purcell, I tried doing that. Had a problem though, but I'll look into it again (very late last night). Thanks for this script.

Very nice. Thanks!

worked out well. thanks!

Worked like a charm, thanks!

this was great. i didn't want to use a gem, and this gist just nails it. thanks a lot!

It worked like a charm! Thank you!

But one thing, all this is not about LESS or SASS. I'm working with SASS and no problem at all. Maybe you can consider to change gist's title.

This worked beautifully thanks!

Thank you! It works perfect! 😄