diff options
| author | Mark Otto <[email protected]> | 2016-12-28 14:44:53 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-12-28 15:13:43 -0800 |
| commit | 12c6a97ce3cd3821279eae0e06e3fb267ae1cd93 (patch) | |
| tree | cb6ed401ad65cfc4cbe11caff8319e0af4df1646 | |
| parent | 566534afb9c6592ba5c284b56b6c8c913d6240e9 (diff) | |
| download | bootstrap-12c6a97ce3cd3821279eae0e06e3fb267ae1cd93.tar.xz bootstrap-12c6a97ce3cd3821279eae0e06e3fb267ae1cd93.zip | |
simpler sizing examples
| -rw-r--r-- | docs/components/pagination.md | 27 |
1 files changed, 14 insertions, 13 deletions
diff --git a/docs/components/pagination.md b/docs/components/pagination.md index 81a599d7c..dcede5428 100644 --- a/docs/components/pagination.md +++ b/docs/components/pagination.md @@ -110,20 +110,14 @@ Fancy larger or smaller pagination? Add `.pagination-lg` or `.pagination-sm` for {% example html %} <nav aria-label="..."> <ul class="pagination pagination-lg"> - <li class="page-item"> - <a class="page-link" href="#" aria-label="Previous"> - <span aria-hidden="true">«</span> - <span class="sr-only">Previous</span> - </a> + <li class="page-item disabled"> + <a class="page-link" href="#" tabindex="-1">Previous</a> </li> <li class="page-item"><a class="page-link" href="#">1</a></li> <li class="page-item"><a class="page-link" href="#">2</a></li> <li class="page-item"><a class="page-link" href="#">3</a></li> <li class="page-item"> - <a class="page-link" href="#" aria-label="Next"> - <span aria-hidden="true">»</span> - <span class="sr-only">Next</span> - </a> + <a class="page-link" href="#">Next</a> </li> </ul> </nav> @@ -132,11 +126,18 @@ Fancy larger or smaller pagination? Add `.pagination-lg` or `.pagination-sm` for {% example html %} <nav aria-label="..."> <ul class="pagination pagination-sm"> + <li class="page-item disabled"> + <a class="page-link" href="#" tabindex="-1">Previous</a> + </li> + <li class="page-item"><a class="page-link" href="#">1</a></li> + <li class="page-item"><a class="page-link" href="#">2</a></li> + <li class="page-item"><a class="page-link" href="#">3</a></li> <li class="page-item"> - <a class="page-link" href="#" aria-label="Previous"> - <span aria-hidden="true">«</span> - <span class="sr-only">Previous</span> - </a> + <a class="page-link" href="#">Next</a> + </li> + </ul> +</nav> +{% endexample %} </li> <li class="page-item"><a class="page-link" href="#">1</a></li> <li class="page-item"><a class="page-link" href="#">2</a></li> |