Bootstrap List Group Horizontal Tutorial
×

Bootstrap List Group

5010

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:




Best WordPress Hosting


Share:


Discount Coupons

Get a .COM for just $6.98

Secure Domain for a Mini Price



Leave a Reply


Comments
    Waiting for your comments