Panels

Default Panel

A land days. Winged, good good set had lights. Gathering sixth. Bring night likeness great all dry called. The for tree give subdue life. Morning is years, gathered had likeness were shall let there days bring fly and also you're his they're.

Stars abundantly grass fill wherein firmament he divided given face subdue. Which earth darkness sixth. Second. I. After spirit sixth living his his second abundantly wherein tree dry darkness creeping, created you're you're likeness.

Earth said give, fruitful days sea she'd signs one. Doesn't, forth signs whales in replenish. Won't had evening. Land have grass for be, may.

Success Panel without shadow

A land days. Winged, good good set had lights. Gathering sixth. Bring night likeness great all dry called. The for tree give subdue life. Morning is years, gathered had likeness were shall let there days bring fly and also you're his they're.

Stars abundantly grass fill wherein firmament he divided given face subdue. Which earth darkness sixth. Second. I. After spirit sixth living his his second abundantly wherein tree dry darkness creeping, created you're you're likeness.

Earth said give, fruitful days sea she'd signs one. Doesn't, forth signs whales in replenish. Won't had evening. Land have grass for be, may.

Primary Panel with footer

Earth said give, fruitful days sea she'd signs one. Doesn't, forth signs whales in replenish. Won't had evening. Land have grass for be, may.

A land days. Winged, good good set had lights. Gathering sixth. Bring night likeness great all dry called. The for tree give subdue life. Morning is years, gathered had likeness were shall let there days bring fly and also you're his they're.

Gray Panel full color

Can't lesser his divide all day creature greater was tree herb beginning fish divide make behold grass face. Don't. You'll creature likeness she'd fruit be she'd kind firmament he yielding to second Brought won't female.

Danger Panel with warning body color

Can't lesser his divide all day creature greater was tree herb beginning fish divide make behold grass face. Don't. You'll creature likeness she'd fruit be she'd kind firmament he yielding to second Brought won't female.

Panel with list group

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.

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros
Panel with table

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 Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

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.

Heading 1

Panel content

Heading 2

Panel content

Heading 3

Panel content

Heading 4

Panel content
Heading 5
Panel content
Heading 6
Panel content

Optional classes

Control padding and rounded corners with two optional modifier classes.

Panel large

Use class .panel-lg
Panel default
Panel content
Panel small
Use class .panel-sm

Contextual alternatives

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

Light Panel
Panel content
Inverse Panel
Panel content
Primary Panel
Panel content
Success Panel
Panel content
Info Panel
Panel content
Warning Panel
Panel content
Danger Panel
Panel content
Default Panel
Panel content

Panel with footer

Wrap buttons or secondary text in .panel-footer. Note that panel footers inherit colors and borders when using contextual variations.

Default Panel
Panel content
Gray Panel
Panel content
Light Panel
Panel content
Inverse Panel
Panel content
Primary Panel
Panel content
Success Panel
Panel content
Info Panel
Panel content
Warning Panel
Panel content
Danger Panel
Panel content
Default Panel withou shadow
Panel content