Global web ALERT button

utmbweb-hero-icon-field

Wells & PanelsUTMB Web Style Guide

Jumbotron

Hello, world!

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Learn more

Wells

I'm a small well.
I'm a well.
I'm a large well.

Well Styles

I'm a white well.
I'm a red well.
I'm a gray well.
I'm a blue well.
I'm a orange well.
I'm a green well.
I'm a purple well.
I'm a teal well.
I'm a cool gray 3 well.
I'm a black well.
I'm a white well.
I'm a red well.
I'm a gray well.
I'm a blue well.
I'm a orange well.
I'm a green well.
I'm a purple well.
I'm a teal well.
I'm a cool gray 3 well.
I'm a black well.

Panels

Basic panel example

Panels with Heading

Panel heading without title
Panel content

Panel title

Panel content with more text. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, tae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

Panels with Footer

Panel content
Panel footer

Panels Styles

Panel Primary title

Panel content

Panel Success title

Panel content

Panel Info title

Panel content

Panel Warning title

Panel content

Panel danger title

Panel content

Other Panel Options

Panel with tables

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
Panel with list groups

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