Bootstrap List Group Horizontal Tutorial
×

Bootstrap List Group

by Abhishek 23-Aug-16

0 1902

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



Leave a Reply


Comments
    Waiting for your comments