jQuery pagination + Twitter Bootstrap

Question

I\'m trying to modify a Jquery pagination (based on this Jquery pagination tutorial - demo) to work with the awesome twitter bootstrap.

Twitter Bootstrap\'s standard

Answer 1

The active highlighting is done by twitter's scrollspy javascript plugin. The plugin finds the references to div id's in that page and highlights the menu items automatically when you scroll past them. You can also jump to the desired section because the href attribute of the tag points to a reference on the same page.

A couple things:

• You're 2, 3, 4, 5, and Next menu items all point to the same place "#" which is just the top of the page. Change them to the html id attributes on this page that you want.
• If you want to link to outside html pages or things on this page, you don't need the "#" sign, just point the href to the absolute or relative URI.
• The
• tag around the is for css formatting for the topbar menu that twitter bootstrap packages.

If you have further questions about the highlighting, take a look at the scrollspy source as it's fairly easy to read.