<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- <a class="navbar-brand" href="#hero">
Replace Drifolio Bootstrap with your Site Name and remove icon-grid to remove the placeholder icon
<span class="brandicon icon-grid"></span>
<span class="brandname">Drifolio Bootstrap</span>
</a>-->
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right"><!--YOUR NAVIGATION ITEMS STRAT BELOW-->
<li><a onclick="chiudi()" href="#link1"><span class="btnicon icon-user"></span>Link1</a></li>
<li><a onclick="chiudi()" href="#link2"><span class="btnicon icon-cup"></span>Link2</a></li>
<li><a onclick="chiudi()" href="#link3"><span class="btnicon icon-rocket"></span>Link3</a></li>
<li><a onclick="chiudi()" href="#link4"><span class="btnicon icon-bubble"></span>Link4</a></li>
</ul>
</div><!--.nav-collapse -->
</div>
</nav><!--navbar end-->