bootstrap toggle menu

<div class="row">



<div class="navbar navbar-default" 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="#"><img class="img-responsive" src="images/logo_SOL_1.png"></a>


</div>


<div class="navbar-collapse collapse">
<form class="navbar-form navbar-right" role="search">
<div class="form-group">
<input class="form-control" type="text" placeholder="search">
<button class="btn btn-default" type="submit">
<i fa fa-search></i>
</div>

</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="glyphicon-home"></span>Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Rules</a></li>
<!--<li><a href="#">Admission</a></li>
<li><a href="#">Management</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Contact us</a></li>-->

<li><a href="#">Mandatiry Disclosure</a></li>

</ul>

</div>


</div>



</div>




</div>