From 9fff2d3fb6a636c7ee61ad097c5b247e8def3ab5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 30 Mar 2013 14:15:18 -0700 Subject: Change error to danger for all classes; add panels component --- docs/docs.html | 69 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 69 insertions(+) (limited to 'docs/docs.html') diff --git a/docs/docs.html b/docs/docs.html index 4b2629658..00af4ed0c 100644 --- a/docs/docs.html +++ b/docs/docs.html @@ -4369,6 +4369,75 @@ For example, <section> should be wrapped as inline. + +
+
+

Panels

+
+

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

+ +

Basic panel

+

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

+
+
+ Basic panel example +
+
+{% highlight html linenos %} +
+ Basic panel example +
+{% endhighlight %} + +

Panel with heading

+

Easily add a heading to your panel with .panel-heading. Use it on a <div> or any heading element (e.g., <h3>).

+
+
+
Panel heading
+ Panel content +
+
+{% highlight html linenos %} +
+
Panel heading
+ Panel content +
+{% endhighlight %} + +

Contextual alternatives

+

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

+
+
+
Panel heading
+ Panel content +
+
+
Panel heading
+ Panel content +
+
+
Panel heading
+ Panel content +
+
+
Panel heading
+ Panel content +
+
+{% highlight html linenos %} +
...
+
...
+
...
+
...
+{% endhighlight %} + +
+ + + + +
-- cgit v1.2.3