<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Lists</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<h4>Ordered List Example :</h4>
<ol>
<li>Ordered List 1</li>
<li>Ordered List 2</li>
<li>Ordered List 3</li>
</ol>
<h4>UnOrdered Lists Example :</h4>
<ul>
<li>UnOrdered List 1</li>
<li>UnOrdered List 2</li>
<li>UnOrdered List 3</li>
</ul>
<h4>Unstyled List Example :</h4>
<ul class = "list-unstyled">
<li>Unstyled List 1</li>
<li>Unstyled List 2</li>
<li>Unstyled List 3</li>
</ul>
<h4>Inline List Example :</h4>
<ul class = "list-inline">
<li>Inline List 1</li>
<li>Inline List 2</li>
<li>Inline List 3</li>
<li>Inline List 4</li>
</ul>
<h4>Definition List Example :</h4>
<dl>
<dt>Description 1</dt>
<dd>Definition List 1</dd>
<dt>Description 2</dt>
<dd>Definition List 2</dd>
</dl>
<h4> Horizontal Definition List Example</h4>
<dl class = "dl-horizontal">
<dt>Description 1</dt>
<dd>This Is Sample Horizontal Definition List 1</dd>
<dt>Description 2</dt>
<dd>This Is Sample Horizontal Definition List 2</dd>
</dl>
</body>
</html>
Our website is made possible by displaying ads to our visitors.
Please help us continue to provide you with free. So please disabling your ad blocker.