Please help Navbar Collapse

<!-- Navigation Bar -->

<div class="navbar navbar-fixed-top"> <div class="container"> <!-- mobile menu --> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#"><img class="logo" src="images/png/logo-small.png" alt=""></a> </div> <!-- desktop menu --> <nav id="my-nav" class="navbar-collapse collapse" role="navigation"> <ul class="nav navbar-nav"> <li><a target="_blank" href="#"><i class="fa fa-instagram"></i></a></li> <li><a href="#portfolio">Works</a></li> <li><a href="#about">About</a></li> <li><a href="#contact">Contact</a></li> </ul> </nav> </div> </div> <!-- End of Navigation Bar -->

/r/learnprogramming Thread