Lists

Lists are used to group data in a certain order, or it can be ungrouped to display data in a sequential form.

Lists can be of the following types:

  • Unordered
  • Ordered
  • Unstyled
  • Inline
  • Description

Unordered lists

An unordered list is a collection of items in which the order does not matter. Here is the syntax of an unordered list:

<ul>
  <li>...</li>
  <li>...</li>
</ul>

Ordered lists

An ordered list is a collection of items where the order does matter. Here is the syntax of an ordered list:

<ol>
  <li>...</li>
  <li>...</li>
</ol>

Unstyled lists

Unstyled lists can be ordered or unordered with the removal of the left margin and the default list style. Here is the syntax of an unstyled list:

<ul class="list-unstyled">
  <li>...</li>
  <li>...</li>
</ul>

Inline lists

Inline lists arrange all items of a list into a single line or row. Here is the syntax of an inline list:

<ul class="list-inline">
  <li>...</li>
  <li>...</li> 
</ul>

Description lists

A description list contains the list items along with their descriptions. Here is the syntax of a description list:

<dl>
  <dt>...</dt>
  <dd>...</dd>
</dl>

Horizontal description

The horizontal description class does the same thing as the description list class with the only difference being the placement of the corresponding description of the list item in the same line. Here is the syntax of an horizontal description list:

<dl class="dl-horizontal">
  <dt>...</dt>
  <dd>...</dd>
</dl>
..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
3.147.47.166