Edit

Bootstrap Lists

Bootstrap Lists are represents the list items. There are following three types of Bootstrap Lists.

Unordered lists — A list of items are not specify in any order but list items are marked with bullets.

<ul class="list-unstyled">
  <li>Home</li>
  <li>
    Products
    <ul>
      <li>Gadgets</li>
      <li>Accessories</li>
    </ul>
  </li>
  <li>About Us</li>
  <li>Contact</li>
</ul>

Output

  • Home
  • Products
    • Gadgets
    • Accessories
  • About Us
  • Contact

Ordered lists — A list of items are specify in numeric or alphabatic order.

<ol class="list-inline">
  <li>Home</li>
  <li>Products</li>
  <li>About Us</li>
  <li>Contact</li>
</ol>

Output

  1. Home
  2. Products
  3. About Us
  4. Contact

Definition list — A list of terms with their associated descriptions.

<dl class="dl-horizontal">
  <dt>User Agent</dt>
  <dd>An HTML user agent is any device that interprets HTML documents.</dd>
  <dt>Client-side Scripting</dt>
  <dd>Client-side scripting generally refers to the category of computer programs on the web that are executed by the user's web browser.</dd>
  <dt>Document Tree</dt>
  <dd>The tree of elements encoded in the source document.</dd>
</dl>

Output

User Agent
An HTML user agent is any device that interprets HTML documents.
Client-side Scripting
Client-side scripting generally refers to the category of computer programs on the web that are executed by the user's web browser.
Document Tree
The tree of elements encoded in the source document.