diff options
| author | Chris Rebert <[email protected]> | 2015-10-29 21:51:31 -0700 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2015-12-07 22:37:17 -0800 |
| commit | a878c4f0c68fcb194ffc8e1d5733f922c8e6f6e5 (patch) | |
| tree | 562003750b7642f1a9b6bed9c2d3e93dc0ef0661 /docs/components | |
| parent | 7eadfbc9b224fc43e25dacd6b22031953e03c4f7 (diff) | |
| download | bootstrap-a878c4f0c68fcb194ffc8e1d5733f922c8e6f6e5.tar.xz bootstrap-a878c4f0c68fcb194ffc8e1d5733f922c8e6f6e5.zip | |
.pagination>{li => .page}
Diffstat (limited to 'docs/components')
| -rw-r--r-- | docs/components/pagination.md | 52 |
1 files changed, 26 insertions, 26 deletions
diff --git a/docs/components/pagination.md b/docs/components/pagination.md index 99d4220fa..d95e5447e 100644 --- a/docs/components/pagination.md +++ b/docs/components/pagination.md @@ -18,18 +18,18 @@ Simple pagination inspired by Rdio, great for apps and search results. The large {% example html %} <nav> <ul class="pagination"> - <li> + <li class="page"> <a href="#" aria-label="Previous"> <span aria-hidden="true">«</span> <span class="sr-only">Previous</span> </a> </li> - <li><a href="#">1</a></li> - <li><a href="#">2</a></li> - <li><a href="#">3</a></li> - <li><a href="#">4</a></li> - <li><a href="#">5</a></li> - <li> + <li class="page"><a href="#">1</a></li> + <li class="page"><a href="#">2</a></li> + <li class="page"><a href="#">3</a></li> + <li class="page"><a href="#">4</a></li> + <li class="page"><a href="#">5</a></li> + <li class="page"> <a href="#" aria-label="Next"> <span aria-hidden="true">»</span> <span class="sr-only">Next</span> @@ -46,20 +46,20 @@ Links are customizable for different circumstances. Use `.disabled` for unclicka {% example html %} <nav> <ul class="pagination"> - <li class="disabled"> + <li class="page disabled"> <a href="#" aria-label="Previous"> <span aria-hidden="true">«</span> <span class="sr-only">Previous</span> </a> </li> - <li class="active"> + <li class="page active"> <a href="#">1 <span class="sr-only">(current)</span></a> </li> - <li><a href="#">2</a></li> - <li><a href="#">3</a></li> - <li><a href="#">4</a></li> - <li><a href="#">5</a></li> - <li> + <li class="page"><a href="#">2</a></li> + <li class="page"><a href="#">3</a></li> + <li class="page"><a href="#">4</a></li> + <li class="page"><a href="#">5</a></li> + <li class="page"> <a href="#" aria-label="Next"> <span aria-hidden="true">»</span> <span class="sr-only">Next</span> @@ -74,13 +74,13 @@ You can optionally swap out active or disabled anchors for `<span>`, or omit the {% example html %} <nav> <ul class="pagination"> - <li class="disabled"> + <li class="page disabled"> <span aria-label="Previous"> <span aria-hidden="true">«</span> <span class="sr-only">Previous</span> </span> </li> - <li class="active"><span>1 <span class="sr-only">(current)</span></span></li> + <li class="page active"><span>1 <span class="sr-only">(current)</span></span></li> </ul> </nav> {% endexample %} @@ -93,16 +93,16 @@ Fancy larger or smaller pagination? Add `.pagination-lg` or `.pagination-sm` for {% example html %} <nav> <ul class="pagination pagination-lg"> - <li> + <li class="page"> <a href="#" aria-label="Previous"> <span aria-hidden="true">«</span> <span class="sr-only">Previous</span> </a> </li> - <li><a href="#">1</a></li> - <li><a href="#">2</a></li> - <li><a href="#">3</a></li> - <li> + <li class="page"><a href="#">1</a></li> + <li class="page"><a href="#">2</a></li> + <li class="page"><a href="#">3</a></li> + <li class="page"> <a href="#" aria-label="Next"> <span aria-hidden="true">»</span> <span class="sr-only">Next</span> @@ -115,16 +115,16 @@ Fancy larger or smaller pagination? Add `.pagination-lg` or `.pagination-sm` for {% example html %} <nav> <ul class="pagination pagination-sm"> - <li> + <li class="page"> <a href="#" aria-label="Previous"> <span aria-hidden="true">«</span> <span class="sr-only">Previous</span> </a> </li> - <li><a href="#">1</a></li> - <li><a href="#">2</a></li> - <li><a href="#">3</a></li> - <li> + <li class="page"><a href="#">1</a></li> + <li class="page"><a href="#">2</a></li> + <li class="page"><a href="#">3</a></li> + <li class="page"> <a href="#" aria-label="Next"> <span aria-hidden="true">»</span> <span class="sr-only">Next</span> |