diff options
Diffstat (limited to 'docs/_includes/components')
| -rw-r--r-- | docs/_includes/components/pagination.html | 39 |
1 files changed, 33 insertions, 6 deletions
diff --git a/docs/_includes/components/pagination.html b/docs/_includes/components/pagination.html index f5e78977a..c58f8702e 100644 --- a/docs/_includes/components/pagination.html +++ b/docs/_includes/components/pagination.html @@ -8,26 +8,46 @@ <div class="bs-example"> <nav> <ul class="pagination"> - <li><a href="#"><span aria-hidden="true">«</span><span class="sr-only">Previous</span></a></li> + <li> + <a href="#"> + <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><a href="#"><span aria-hidden="true">»</span><span class="sr-only">Next</span></a></li> + <li> + <a href="#"> + <span aria-hidden="true">»</span> + <span class="sr-only">Next</span> + </a> + </li> </ul> </nav> </div> {% highlight html %} <nav> <ul class="pagination"> - <li><a href="#"><span aria-hidden="true">«</span><span class="sr-only">Previous</span></a></li> + <li> + <a href="#"> + <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><a href="#"><span aria-hidden="true">»</span><span class="sr-only">Next</span></a></li> + <li> + <a href="#"> + <span aria-hidden="true">»</span> + <span class="sr-only">Next</span> + </a> + </li> </ul> </nav> {% endhighlight %} @@ -60,8 +80,15 @@ {% highlight html %} <nav> <ul class="pagination"> - <li class="disabled"><span aria-hidden="true">«</span><span class="sr-only">Previous</span></li> - <li class="active"><span>1 <span class="sr-only">(current)</span></span></li> + <li class="disabled"> + <span> + <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> ... </ul> </nav> |
