From ef4590dfb461036c915d8fbc5b6fbf3ad7ba9c86 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 18 Aug 2013 11:08:20 -0700 Subject: fixes #9786: enable tables in panels --- components.html | 111 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 111 insertions(+) (limited to 'components.html') diff --git a/components.html b/components.html index 4e531e6a8..52a85cf03 100644 --- a/components.html +++ b/components.html @@ -2779,6 +2779,117 @@ body { padding-bottom: 70px; }
...
{% endhighlight %} +

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.

+
+
+ +
Panel heading
+
+

Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
+
+
+{% highlight html %} +
+ +
Panel heading
+
+

...

+
+ + + + ... +
+
+{% endhighlight %} + +

If there is no panel body, the component moves from panel header to table without interruption.

+
+
+ +
Panel heading
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
+
+
+{% highlight html %} +
+ +
Panel heading
+ + + + ... +
+
+{% endhighlight %} + + +

With list groups

Easily include full-width list groups within any panel.

-- cgit v1.2.3