Add options section

Arifshariar7 · Jan 5, 2014 · de187d8 · de187d8
1 parent 9fdf8fb
commit de187d8
Showing 1 changed file with 24 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html xmlns="http://www.w3.org/1999/html">
 <head>
     <meta charset='utf-8'>
     <meta http-equiv="X-UA-Compatible" content="chrome=1">
@@ -16,6 +16,7 @@
     <script src="http://code.jquery.com/jquery-2.0.3.min.js" type="text/javascript"></script>
     <script src="js/bootstrap.js" type="text/javascript"></script>
     <script src="js/jquery.twbsPagination.js" type="text/javascript"></script>
+    <script src="js/bootstrap-paginator.js" type="text/javascript"></script>
     <script src="js/main.js" type="text/javascript"></script>
 
     <!--[if lt IE 9]>
@@ -82,13 +83,35 @@ <h3>
     });
             </code></pre>
 
+            <h3>
+                <a name="options" class="anchor" href="#options"><span
+                        class="octicon octicon-link"></span></a>Options</h3>
+
+            <p>
+
+                <ul>Options explanation and default values:
+                    <li><code>totalPages</code> the number of pages (required, checked)</li>
+                    <li><code>startPage</code> the current page that show on start(default: 1)</li>
+                    <li><code>visiblePages</code> maximum visible pages (default: 5)</li>
+                    <li><code>href</code> template for pagination links (default <code>javascript:void(0);</code>)</li>
+                    <li><code>hrefVariable</code>  variable name in href template for page number (default <code>{{number}}</code>)</li>
+                    <li><code>first</code> text label (default: <code class="highlight"><span class="s">'First'</span></code>)</li>
+                    <li><code>prev</code> text label (default: <code class="highlight"><span class="s">'Previous'</span></code>)</li>
+                    <li><code>next</code> text label (default: <code class="highlight"><span class="s">'Next'</span></code>)</li>
+                    <li><code>last</code> text label (default: <code class="highlight"><span class="s">'Last'</span></code>)</li>
+                    <li><code>paginationClass</code> the root style for pagination component (default: <code class="highlight"><span class="s">'pagination'</span></code>).
+                        You can use this option to apply your own style</li>
+                </ul>
+            </p>
+
         </section>
 
         <aside id="sidebar">
 
             <ul class="nav nav-pills nav-stacked">
                 <li><a href="#intro">Intro</a></li>
                 <li><a href="#demo">Demo</a>
+                <li><a href="#options">Options</a>
             </ul>
 
         </aside>