Annajwaszahro
/
MIF_E31222691
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated Documentation for Bootstrap-y Pagination 

The Docs now show bootstrap style Pagination
This commit is contained in:
kapil verma 2012-09-11 08:09:30 +05:30
parent 85cab82f37
commit b63b0c0829
1 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
laravel/documentation/views/pagination.md
View File

@ -80,29 +80,31 @@ ## Pagination Styling
All pagination link elements can be style using CSS classes. Here is an example of the HTML elements generated by the links method: 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"> <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> <li><a href="foo">1</a></li>
<a href="foo">2</a> <li><a href="foo">2</a></li>
<span class="dots">...</span> <li class="dots disabled"><a href="#">...</a></li>
<a href="foo">11</a> <li><a href="foo">11</a></li>
<a href="foo">12</a> <li><a href="foo">12</a></li>
<span class="current">13</span> <li class="active"><a href="#">13</li>
<a href="foo">14</a> <li><a href="foo">14</a></li>
<a href="foo">15</a> <li><a href="foo">15</a></li>
<span class="dots">...</span> <li class="dots disabled"><a href="#">...</a></li>
<a href="foo">25</a> <li><a href="foo">25</a></li>
<a href="foo">26</a> <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> </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: 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>