Lists Unordered

A list of items in which the order doesn't explicitly matter.

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem

Lists Ordered

A list of items in which the order does explicitly matter.

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
  5. Nulla volutpat aliquam velit
  6. Lorem ipsum dolor sit amet
  7. Consectetur adipiscing elit
  8. Integer molestie lorem at massa
  9. Facilisis in pretium nisl aliquet
  10. Nulla volutpat aliquam velit

Lists Unstyled

Remove the default list-style and left margin on list items.

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nunc ultrices condimentum interdum
    • Cras fringilla efficitur gravida.
    • Sed in orci vel arcu volutpat faucibus.
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa

Lists Inline

Place all list items on a single line.

  • Lorem
  • ipsum
  • dolor
  • sit
  • amet
  • Suspendisse
  • potenti
  • Morbi
  • libero
  • pretium
  • Cras
  • elementum
  • mauris
  • dictum
  • volutpat
  • pellentesque
  • leo
  • ac
  • volutpat
  • nisi
  • Mauris
  • ultricies
  • sollicitudin
  • arcu
  • ultrices

List Group Basic

The most basic list group is simply an unordered list with list items, and the proper classes.

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

List Group with Badges

Add the badges component to any list group item and it will automatically be positioned on the right.

  • 14Cras justo odio
  • 7Porta ac consectetur ac
  • 2Dapibus ac facilisis in
  • 9Vestibulum at eros
  • 4Morbi leo risus

List Group Linked

Linkify list group items by using anchor tags instead of list items.

List Group Button items

List group items may be buttons instead of list items.

List Disabled items

Add class disabledto a list-group-itemto gray it out to appear disabled.

List Contextual classes

Use contextual classes to style list items, default or linked.

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

Lists Description

A list of terms with their associated descriptions.

Description lists
A description list is perfect for defining terms.
Euismod
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.

Horizontal description

Add class dl-horizontalto create horizontal description

Description lists
A description list is perfect for defining terms.
Euismod
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.

Copyright© 2016 Develop by Zwolek. All Rights Reserved.