List Groups & Cards

List Groups

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

List Groups - Badges

  • Cras justo odio 14

List Groups - Linked

List Groups - Disable

  • A disabled item
  • A second item
  • A third item
  • A fourth item
  • And a fifth one

List Groups - Flush

  • An item
  • A second item
  • A third item
  • A fourth item
  • And a fifth one

List Groups - Numbered

  1. Cras justo odio
  2. Cras justo odio
  3. Cras justo odio

List Groups - Custom Content

  1. Subheading
    Cras justo odio
    14
  2. Subheading
    Cras justo odio
    14
  3. Subheading
    Cras justo odio
    14

List Groups - Checkboxes

List Groups - Radios

Contextual classes

  • Dapibus ac facilisis in
  • Cras sit amet nibh libero
  • Porta ac consectetur ac
  • Vestibulum at eros

Custom Contents

Card

Basic card example

Card with heading

Card Heading without title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel, esse, velit, eaque officiis mollitia inventore ipsum minus quo itaque provident error adipisci quisquam ratione assumenda at illo doloribus beatae totam?

Card Heading

Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, at, vitae, veritatis, temporibus soluta accusamus eum accusantium incidunt eius quisquam suscipit inventore neque. Distinctio, impedit.

Card with footer

Card content

Contextual alternatives

Card Title

Card content

Card Title

Card content

Card Title

Card content

Card Title

Card content

Card Title

Card content

Card with Tables

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

Card with List Groups

Card Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati, ratione, facere, blanditiis, incidunt beatae rem veniam autem sequi soluta in totam saepe necessitatibus repellat eos tenetur sapiente laboriosam corrupti. Asperiores.

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

Cards with Navigation

Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere

Explore more Elements