From 0c2055ef381d55388540496996788861fa04b7d8 Mon Sep 17 00:00:00 2001 From: Aaron Borden Date: Wed, 16 Oct 2013 19:02:04 -0700 Subject: Adding contextual styles to list-items --- components.html | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) (limited to 'components.html') diff --git a/components.html b/components.html index b4040dbe9..3a6ccca1d 100644 --- a/components.html +++ b/components.html @@ -3325,6 +3325,27 @@ body { padding-bottom: 70px; } Porta ac consectetur ac Vestibulum at eros +{% endhighlight %} + +

Contextual classes

+

Use contextual classes to color list items.

+
+
+ Cras justo odio + Dapibus ac facilisis in + Morbi leo risus + Porta ac consectetur ac + Vestibulum at eros +
+
+{% highlight html %} +
+ Cras justo odio + Dapibus ac facilisis in + Morbi leo risus + Porta ac consectetur ac + Vestibulum at eros +
{% endhighlight %}

Custom content

-- cgit v1.2.3 From 07de53c644b315852c5f315ab91bfd6d65660d50 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 7 Dec 2013 14:09:03 -0800 Subject: Contextual list group cleanup * Adds nav link to sidebar for contextual classes * Refactors to use prefixed classes, like .list-group-item-info, instead of chained classes * Adds default and linked variations to example in docs --- components.html | 40 ++++++++++++++++++++++++++++------------ 1 file changed, 28 insertions(+), 12 deletions(-) (limited to 'components.html') diff --git a/components.html b/components.html index 3a6ccca1d..5ef006a0d 100644 --- a/components.html +++ b/components.html @@ -3328,23 +3328,39 @@ body { padding-bottom: 70px; } {% endhighlight %}

Contextual classes

-

Use contextual classes to color list items.

+

Use contextual classes to style list items, default or linked. Also includes .active state.

-
- Cras justo odio - Dapibus ac facilisis in - Morbi leo risus - Porta ac consectetur ac - Vestibulum at eros +
+
+
    +
  • Dapibus ac facilisis in
    • +
  • Porta ac consectetur ac
    • +
  • Vestibulum at eros
    • +
  • Cras sit amet nibh libero
    • +
+
+
+
+ Dapibus ac facilisis in + Porta ac consectetur ac + Vestibulum at eros + Cras sit amet nibh libero +
+
{% highlight html %} +
    +
  • Dapibus ac facilisis in
    • +
  • Porta ac consectetur ac
    • +
  • Vestibulum at eros
    • +
  • Cras sit amet nibh libero
    • +
- Cras justo odio - Dapibus ac facilisis in - Morbi leo risus - Porta ac consectetur ac - Vestibulum at eros + Dapibus ac facilisis in + Porta ac consectetur ac + Vestibulum at eros + Cras sit amet nibh libero
{% endhighlight %} -- cgit v1.2.3 From 5e6f9b9a376bdacc8269ccb1b57c22d8f8f4112c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 7 Dec 2013 16:22:43 -0800 Subject: prevent horizontal scroll on components --- components.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'components.html') diff --git a/components.html b/components.html index c515d2030..b686a67d1 100644 --- a/components.html +++ b/components.html @@ -1172,7 +1172,7 @@ base_url: "../" Middle
- Right dropdown + Dropdown