Bootstrap – List Group

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-listgroup




Leave a Reply

avatar
  Subscribe  
Notify of