From: Steven Black Date: Tue, 24 Feb 2015 03:14:50 +0000 (-0500) Subject: docs>components>(remainder) headings X-Git-Tag: v3.3.4~83^2~5^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=79eb5854ea06c95b0640168d243f920ca1ba3f1d;p=thirdparty%2Fbootstrap.git docs>components>(remainder) headings --- diff --git a/docs/_includes/components/list-group.html b/docs/_includes/components/list-group.html index 1d02b84f33..e95c9d4859 100644 --- a/docs/_includes/components/list-group.html +++ b/docs/_includes/components/list-group.html @@ -3,7 +3,7 @@

List groups are a flexible and powerful component for displaying not only simple lists of elements, but complex ones with custom content.

-

Basic example

+

Basic example

The most basic list group is simply an unordered list with list items, and the proper classes. Build upon it with the options that follow, or your own CSS as needed.

{% endhighlight %} -

Badges

+

Badges

Add the badges component to any list group item and it will automatically be positioned on the right.

    @@ -51,7 +51,7 @@
{% endhighlight %} -

Linked items

+

Linked items

Linkify list group items by using anchor tags instead of list items (that also means a parent <div> instead of an <ul>). No need for individual parents around each element.

@@ -76,7 +76,7 @@
{% endhighlight %} -

Disabled items

+

Disabled items

Add .disabled to a .list-group-item to gray it out to appear disabled.

@@ -101,7 +101,7 @@
{% endhighlight %} -

Contextual classes

+

Contextual classes

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

@@ -138,7 +138,7 @@
{% endhighlight %} -

Custom content

+

Custom content

Add nearly any HTML within, even for linked list groups like the one below.

diff --git a/docs/_includes/components/panels.html b/docs/_includes/components/panels.html index a0d4448c4e..dc6181cac6 100644 --- a/docs/_includes/components/panels.html +++ b/docs/_includes/components/panels.html @@ -3,7 +3,7 @@

While not always necessary, sometimes you need to put your DOM in a box. For those situations, try the panel component.

-

Basic example

+

Basic example

By default, all the .panel does is apply some basic border and padding to contain some content.

@@ -20,7 +20,7 @@
{% endhighlight %} -

Panel with heading

+

Panel with heading

Easily add a heading container to your panel with .panel-heading. You may also include any <h1>-<h6> with a .panel-title class to add a pre-styled heading.

For proper link coloring, be sure to place links in headings within .panel-title.

@@ -57,7 +57,7 @@
{% endhighlight %} - +

Wrap buttons or secondary text in .panel-footer. Note that panel footers do not inherit colors and borders when using contextual variations as they are not meant to be in the foreground.

@@ -76,7 +76,7 @@
{% endhighlight %} -

Contextual alternatives

+

Contextual alternatives

Like other components, easily make a panel more meaningful to a particular context by adding any of the contextual state classes.

@@ -128,7 +128,7 @@
...
{% endhighlight %} -

With tables

+

With tables

Add any non-bordered .table within a panel for a seamless design. If there is a .panel-body, we add an extra border to the top of the table for separation.

@@ -238,7 +238,7 @@ {% endhighlight %} -

With list groups

+

With list groups

Easily include full-width list groups within any panel.

diff --git a/docs/_includes/components/wells.html b/docs/_includes/components/wells.html index 53eae2dde0..e502f2b3c5 100644 --- a/docs/_includes/components/wells.html +++ b/docs/_includes/components/wells.html @@ -1,7 +1,7 @@

Wells

-

Default well

+

Default well

Use the well as a simple effect on an element to give it an inset effect.

@@ -11,7 +11,7 @@ {% highlight html %}
...
{% endhighlight %} -

Optional classes

+

Optional classes

Control padding and rounded corners with two optional modifier classes.