From b2088366a34e58537d5eb0a61b6d4dda81fb39bf Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Mon, 8 Sep 2014 20:34:26 -0700 Subject: [PATCH] Wrap .pagination & .pager in + +{% 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.

- +