Bootstrap List Group

by Abhishek 23-Aug-16

180 0 764

Bootstrap list group component to create complex list structure such as sidebar menu. For Responsive, Vertical menu you can also use this example code. As per your requirement you can change the size, text color, background color and more. Can easily Increase and decrease the list of sidebar / vertical menu.

Example:

<!DOCTYPE html>
<html lang="en">
<head>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>
<div class="container">
<h1> Bootstrap - List Group </h1>
<div class="col-md-3">
<ul class="list-group">
<li class="list-group-item"> Home </li>
<li class="list-group-item"> About us </li>
<li class="list-group-item"> Our Services </li>
<li class="list-group-item"> Contact Details </li>
</ul>
</div>
</div>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
</html>

Result:

Bootstrap List Group


Share:

Comments

Leave a Reply