Basic panel example

Panel with header

Lorem ipsum dolor sit amet.

Panel with footer

Lorem ipsum dolor sit amet.

Panel footer

With tabs

First Tab Content

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Second Tab Content

Duis autem vel eum iriure dolor in hendrerit in vulputate.

With buttons

Lorem ipsum dolor sit amet.

With progress bar

Lorem ipsum dolor sit amet.

Last Update - Today 12:03AM

With text

Lorem ipsum dolor sit amet.

With pager

Lorem ipsum dolor sit amet.

With table

Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Expanded by default

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

With tabs

Personal Computer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Notebook

Aenean commodo ligula eget dolor. Aenean massa.
7 Label

With variety of components

View All

With switcher

Lorem ipsum dolor sit amet.

With bubble informatiion

Lorem ipsum dolor sit amet.

With pagination

Lorem ipsum dolor sit amet.

With list groups

Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur.

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

Collapsed by default

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Primary

Lorem ipsum dolor sit amet.

Info

Lorem ipsum dolor sit amet.

Success

Lorem ipsum dolor sit amet.

Mint

Lorem ipsum dolor sit amet.

Warning

Lorem ipsum dolor sit amet.

Danger

Lorem ipsum dolor sit amet.

Pink

Lorem ipsum dolor sit amet.

Purple

Lorem ipsum dolor sit amet.

Dark

Lorem ipsum dolor sit amet.

Primary

Lorem ipsum dolor sit amet.

Info

Lorem ipsum dolor sit amet.

Success

Lorem ipsum dolor sit amet.

Mint

Lorem ipsum dolor sit amet.

Warning

Lorem ipsum dolor sit amet.

Danger

Lorem ipsum dolor sit amet.

Pink

Lorem ipsum dolor sit amet.

Purple

Lorem ipsum dolor sit amet.

Dark

Lorem ipsum dolor sit amet.

Primary

Lorem ipsum dolor sit amet.

Info

Lorem ipsum dolor sit amet.

Success

Lorem ipsum dolor sit amet.

Mint

Lorem ipsum dolor sit amet.

Warning

Lorem ipsum dolor sit amet.

Danger

Lorem ipsum dolor sit amet.

Pink

Lorem ipsum dolor sit amet.

Purple

Lorem ipsum dolor sit amet.

Dark

Lorem ipsum dolor sit amet.

Primary

Lorem ipsum dolor sit amet.

Info

Lorem ipsum dolor sit amet.

Success

Lorem ipsum dolor sit amet.

Mint

Lorem ipsum dolor sit amet.

Warning

Lorem ipsum dolor sit amet.

Danger

Lorem ipsum dolor sit amet.

Pink

Lorem ipsum dolor sit amet.

Purple

Lorem ipsum dolor sit amet.

Dark

Lorem ipsum dolor sit amet.