Bootstrap List Group

by Abhishek 23-Aug-16

0 1252


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:


Discount Coupons



Comments

    Waiting for your comments

Leave a Reply