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
- Home
- Products
- About Us
- 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.
