CSS Lists

Unordered list

  • Item 1
  • Item 2
  • Item 3
	                <ul class="list">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>
                

Unordered list horizontal

  • Item 1
  • Item 2
  • Item 3
	                <ul class="list-horizontal">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>
                

Ordered list

  1. First Item
  2. Second Item
  3. Third Item
	                <ol class="list">
    <li>First Item</li>
    <li>Second Item</li>
    <li>Third Item</li>
</ol>
                

Ordered list horizontal

  1. First Item
  2. Second Item
  3. Third Item
	                <ol class="list-horizontal">
    <li>First Item</li>
    <li>Second Item</li>
    <li>Third Item</li>
</ol>
                

Data list

Term
Description
Term
Description
Term
Description
	                <dl class="list">
    <dt>Term</dt>
    <dd>Description</dd>
    <dt>Term</dt>
    <dd>Description</dd>
    <dt>Term</dt>
    <dd>Description</dd>
</dl>
                

Data list horizontal

Term
Description
Term
Description
Term
Description
	                <dl class="list-horizontal">
    <dt>Term</dt>
    <dd>Description</dd>
    <dt>Term</dt>
    <dd>Description</dd>
    <dt>Term</dt>
    <dd>Description</dd>
</dl>