fixes #15164: wrap disable pagination spans in another span

1de638f8 · Mark Otto · c9289691 · 1de638f8
Commit 1de638f8 authored 10 years ago by Mark Otto
Hide whitespace changes
Inline Side-by-side

Showing

with 33 additions and 6 deletions
+33 -6
--- 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">&laquo;</span><span class="sr-only">Previous</span></a></li>
+        <li>
+          <a href="#">
+            <span aria-hidden="true">&laquo;</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">&raquo;</span><span class="sr-only">Next</span></a></li>
+        <li>
+          <a href="#">
+            <span aria-hidden="true">&raquo;</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">&laquo;</span><span class="sr-only">Previous</span></a></li>
+    <li>
+      <a href="#">
+        <span aria-hidden="true">&laquo;</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">&raquo;</span><span class="sr-only">Next</span></a></li>
+    <li>
+      <a href="#">
+        <span aria-hidden="true">&raquo;</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">&laquo;</span><span class="sr-only">Previous</span></li>
+    <li class="disabled">
-    <li class="active"><span>1 <span class="sr-only">(current)</span></span></li>
+      <span>
+        <span aria-hidden="true">&laquo;</span>
+        <span class="sr-only">Previous</span>
+      </span>
+    </li>
+    <li class="active">
+      <span>1 <span class="sr-only">(current)</span></span>
+    </li>
    ...
  </ul>
 </nav>