diff --git a/docs/_includes/components/pagination.html b/docs/_includes/components/pagination.html index 09f0bbc950..27e5b6247c 100644 --- a/docs/_includes/components/pagination.html +++ b/docs/_includes/components/pagination.html @@ -6,73 +6,7 @@

Default pagination

Simple pagination inspired by Rdio, great for apps and search results. The large block is hard to miss, easily scalable, and provides large click areas.

- -
-{% highlight html %} - -{% endhighlight %} - -

Disabled and active states

-

Links are customizable for different circumstances. Use .disabled for unclickable links and .active to indicate the current page.

-
- -
-{% highlight html %} - -{% endhighlight %} -

You can optionally swap out active or disabled anchors for <span> to remove click functionality while retaining intended styles.

-{% highlight html %} - -{% endhighlight %} - - -

Sizing

-

Fancy larger or smaller pagination? Add .pagination-lg or .pagination-sm for additional sizes.

-
-
- -
-
+
-
+ +
+{% highlight html %} + +{% endhighlight %} + +

Disabled and active states

+

Links are customizable for different circumstances. Use .disabled for unclickable links and .active to indicate the current page.

+
+ +
+{% highlight html %} + +{% endhighlight %} +

You can optionally swap out active or disabled anchors for <span> to remove click functionality while retaining intended styles.

+{% highlight html %} + +{% endhighlight %} + + +

Sizing

+

Fancy larger or smaller pagination? Add .pagination-lg or .pagination-sm for additional sizes.

+
+ + +
+
{% highlight html %} - - - + + + {% endhighlight %} @@ -108,46 +118,58 @@

Default example

By default, the pager centers links.

- +
{% highlight html %} - + {% endhighlight %}

Aligned links

Alternatively, you can align each link to the sides:

- +
{% highlight html %} - + {% endhighlight %}

Optional disabled state

Pager links also use the general .disabled utility class from the pagination.

- +
{% highlight html %} - + {% endhighlight %} diff --git a/docs/examples/blog/index.html b/docs/examples/blog/index.html index 8d24e80efa..274333463c 100644 --- a/docs/examples/blog/index.html +++ b/docs/examples/blog/index.html @@ -111,10 +111,12 @@

Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.

- +