"List navigation menu."
Bootstrap 3.2.0 Snippet by b00tsn1ppr

Post to Facebook Tweet this

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html> <head> <script src="//code.jquery.com/jquery-git2.js"></script> <script src="//code.jquery.com/jquery.min.js"></script> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <meta charset="utf-8"> <title>JS Bin</title> </head> <style> .list-group { max-width:225px; margin:auto; left:0; right:0; padding-top:20px; } .lead { max-width:225px; margin:auto; left:0; right:0; padding-top:10%; } </style> <body> <p class="lead">Sexy nav title here.</p> <div class="list-group"> <a href="#" class="list-group-item active"> <span class="glyphicon glyphicon-home"></span>  Home </a> <a href="#" class="list-group-item"><span class="glyphicon glyphicon-cog"></span>  Settings</a> <a href="#" class="list-group-item"><span class="glyphicon glyphicon-tasks"></span>  Items</a> <a href="#" class="list-group-item"><span class="glyphicon glyphicon-list-alt"></span>  Stats</a> <a href="#" class="list-group-item"><span class="glyphicon glyphicon-tower"></span>  Upgrade</a> </div> </body> </html>

Related: See More

Vue Black Dashboard
Cool Navigation Bar
Bootstrap4 navigation border animation
arrow key navigation thumbnail gallery modal view

Questions / Comments: