From 1de638f830a60297f4b27ae2af9b340d073a5a5a Mon Sep 17 00:00:00 2001 From: Mark Otto <markdotto@gmail.com> Date: Sat, 29 Nov 2014 18:27:51 -0800 Subject: [PATCH] fixes #15164: wrap disable pagination spans in another span --- docs/_includes/components/pagination.html | 39 +++++++++++++++++++---- 1 file changed, 33 insertions(+), 6 deletions(-) diff --git a/docs/_includes/components/pagination.html b/docs/_includes/components/pagination.html index f5e78977af..c58f8702e2 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> -- GitLab