Commit b63b0c08 authored by kapil verma's avatar kapil verma

Updated Documentation for Bootstrap-y Pagination

The Docs now show bootstrap style Pagination 
parent 85cab82f
......@@ -80,29 +80,31 @@ Sometimes you may need to create a Paginator instance manually, without using th
All pagination link elements can be style using CSS classes. Here is an example of the HTML elements generated by the links method:
<div class="pagination">
<a href="foo" class="previous_page">Previous</a>
<ul>
<li class="previous_page"><a href="foo">Previous</a></li>
<a href="foo">1</a>
<a href="foo">2</a>
<li><a href="foo">1</a></li>
<li><a href="foo">2</a></li>
<span class="dots">...</span>
<li class="dots disabled"><a href="#">...</a></li>
<a href="foo">11</a>
<a href="foo">12</a>
<li><a href="foo">11</a></li>
<li><a href="foo">12</a></li>
<span class="current">13</span>
<li class="active"><a href="#">13</li>
<a href="foo">14</a>
<a href="foo">15</a>
<li><a href="foo">14</a></li>
<li><a href="foo">15</a></li>
<span class="dots">...</span>
<li class="dots disabled"><a href="#">...</a></li>
<a href="foo">25</a>
<a href="foo">26</a>
<li><a href="foo">25</a></li>
<li><a href="foo">26</a></li>
<a href="foo" class="next_page">Next</a>
<li class="next_page"><a href="foo">Next</a></li>
</ul>
</div>
When you are on the first page of results, the "Previous" link will be disabled. Likewise, the "Next" link will be disabled when you are on the last page of results. The generated HTML will look like this:
<span class="disabled prev_page">Previous</span>
<li class="disabled previous_page"><a href="#">Previous</a></li>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment