]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
fixes #15164: wrap disable pagination spans in another span
authorMark Otto <markdotto@gmail.com>
Sun, 30 Nov 2014 02:27:51 +0000 (18:27 -0800)
committerMark Otto <markdotto@gmail.com>
Sun, 30 Nov 2014 02:27:51 +0000 (18:27 -0800)
docs/_includes/components/pagination.html

index f5e78977afe9de9bfebf57e839831ff7e0af87e7..c58f8702e2d6e00556d0c9e445202accace6e762 100644 (file)
@@ -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 %}
 {% highlight html %}
 <nav>
   <ul class="pagination">
-    <li class="disabled"><span aria-hidden="true">&laquo;</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">&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>