Lists

Lists are everywhere in modern apps. They are useful in representing information of similar type.

Normal Lists

The most basic list group is an unordered list with list items and the proper classes. Build upon it with the options that follow, or with your own CSS as needed

  • Hello, My name is List

  • Hello, My name is List

  • Hello, My name is List

  • Hello, My name is List

  • Hello, My name is List

  • Hello, My name is List

            
                
  • Hello, My name is List 1

  • Hello, My name is List 2

  • Hello, My name is List 3

  • Hello, My name is List 4

  • Hello, My name is List 5

  • Hello, My name is List 6

Lists with meta information

you can add mutilple meta information inside the lists

Hi, I'm a title

List item is here. Don't fear

Hi, I'm a title

List item is here. Don't fear

Hi, I'm a title

List item is here. Don't fear

Hi, I'm a title

List item is here. Don't fear

Hi, I'm a title

List item is here. Don't fear

            
                

Hi, I'm a title

List item is here. Don't fear

Hi, I'm a title

List item is here. Don't fear

Hi, I'm a title

List item is here. Don't fear

Hi, I'm a title

List item is here. Don't fear

Hi, I'm a title

List item is here. Don't fear

Number Lists

Putting visual numerical cues in lists

  1. Hello, My name is List

  2. Hello, My name is List

  3. Hello, My name is List

  4. Hello, My name is List

  5. Hello, My name is List

  6. Hello, My name is List

             
                
  1. Hello, My name is List 1

  2. Hello, My name is List 2

  3. Hello, My name is List 3

  4. Hello, My name is List 4

  5. Hello, My name is List 5

  6. Hello, My name is List 6