<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container-fluid">
<nav class="navbar navbar-fixed" role="navigation" style="height:50px;" >
<div class="col-xs-1">
<nav class="navbar navbar-fixed-left navbar-minimal animate" role="navigation" >
<div class="navbar-toggler animate">
<span class="menu-icon"></span>
</div>
<ul class="navbar-menu animate">
<li>
<a href="#profile" class="animate">
<span class="desc animate"> User home </span>
<span class="glyphicon glyphicon-user"></span>
</a>
</li>
<li>
<a href="#profile" class="animate">
<span class="desc animate"> User home </span>
<span class="glyphicon glyphicon-home"></span>
</a>
</li>
<li>
<a href="#blog" class="animate">
<span class="desc animate"> Profile </span>
<span class="glyphicon glyphicon-info-sign"></span>
</a>
</li>
<li>
<a href="#contact-us" class="animate">
<span class="desc animate"> How To Reach Us </span>
<span class="glyphicon glyphicon-home"></span>
</a>
</li>