diff options
| author | Chris Rebert <[email protected]> | 2015-10-29 22:03:06 -0700 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2015-12-07 22:37:17 -0800 |
| commit | 5f35ce2095f03bc97c5200d10615666c86fe345f (patch) | |
| tree | 3eba42eb15c78fea30fc24cc62b773df698f8892 /docs | |
| parent | a878c4f0c68fcb194ffc8e1d5733f922c8e6f6e5 (diff) | |
| download | bootstrap-5f35ce2095f03bc97c5200d10615666c86fe345f.tar.xz bootstrap-5f35ce2095f03bc97c5200d10615666c86fe345f.zip | |
.page>{a,span => .page-link}
Diffstat (limited to 'docs')
| -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 d95e5447e..a560dbde3 100644 --- a/docs/components/pagination.md +++ b/docs/components/pagination.md @@ -19,18 +19,18 @@ Simple pagination inspired by Rdio, great for apps and search results. The large <nav> <ul class="pagination"> <li class="page"> - <a href="#" aria-label="Previous"> + <a class="page-link" href="#" aria-label="Previous"> <span aria-hidden="true">«</span> <span class="sr-only">Previous</span> </a> </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 class="page-link" href="#">1</a></li> + <li class="page"><a class="page-link" href="#">2</a></li> + <li class="page"><a class="page-link" href="#">3</a></li> + <li class="page"><a class="page-link" href="#">4</a></li> + <li class="page"><a class="page-link" href="#">5</a></li> <li class="page"> - <a href="#" aria-label="Next"> + <a class="page-link" href="#" aria-label="Next"> <span aria-hidden="true">»</span> <span class="sr-only">Next</span> </a> @@ -47,20 +47,20 @@ Links are customizable for different circumstances. Use `.disabled` for unclicka <nav> <ul class="pagination"> <li class="page disabled"> - <a href="#" aria-label="Previous"> + <a class="page-link" href="#" aria-label="Previous"> <span aria-hidden="true">«</span> <span class="sr-only">Previous</span> </a> </li> <li class="page active"> - <a href="#">1 <span class="sr-only">(current)</span></a> + <a class="page-link" href="#">1 <span class="sr-only">(current)</span></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 class="page-link" href="#">2</a></li> + <li class="page"><a class="page-link" href="#">3</a></li> + <li class="page"><a class="page-link" href="#">4</a></li> + <li class="page"><a class="page-link" href="#">5</a></li> <li class="page"> - <a href="#" aria-label="Next"> + <a class="page-link" href="#" aria-label="Next"> <span aria-hidden="true">»</span> <span class="sr-only">Next</span> </a> @@ -75,12 +75,12 @@ You can optionally swap out active or disabled anchors for `<span>`, or omit the <nav> <ul class="pagination"> <li class="page disabled"> - <span aria-label="Previous"> + <span class="page-link" aria-label="Previous"> <span aria-hidden="true">«</span> <span class="sr-only">Previous</span> </span> </li> - <li class="page active"><span>1 <span class="sr-only">(current)</span></span></li> + <li class="page active"><span class="page-link">1 <span class="sr-only">(current)</span></span></li> </ul> </nav> {% endexample %} @@ -94,16 +94,16 @@ Fancy larger or smaller pagination? Add `.pagination-lg` or `.pagination-sm` for <nav> <ul class="pagination pagination-lg"> <li class="page"> - <a href="#" aria-label="Previous"> + <a class="page-link" href="#" aria-label="Previous"> <span aria-hidden="true">«</span> <span class="sr-only">Previous</span> </a> </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 class="page-link" href="#">1</a></li> + <li class="page"><a class="page-link" href="#">2</a></li> + <li class="page"><a class="page-link" href="#">3</a></li> <li class="page"> - <a href="#" aria-label="Next"> + <a class="page-link" href="#" aria-label="Next"> <span aria-hidden="true">»</span> <span class="sr-only">Next</span> </a> @@ -116,16 +116,16 @@ Fancy larger or smaller pagination? Add `.pagination-lg` or `.pagination-sm` for <nav> <ul class="pagination pagination-sm"> <li class="page"> - <a href="#" aria-label="Previous"> + <a class="page-link" href="#" aria-label="Previous"> <span aria-hidden="true">«</span> <span class="sr-only">Previous</span> </a> </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 class="page-link" href="#">1</a></li> + <li class="page"><a class="page-link" href="#">2</a></li> + <li class="page"><a class="page-link" href="#">3</a></li> <li class="page"> - <a href="#" aria-label="Next"> + <a class="page-link" href="#" aria-label="Next"> <span aria-hidden="true">»</span> <span class="sr-only">Next</span> </a> |