Что не так с этим HTML?

---

Привет всем, любая помощь для нового парня, не могу понять этого. Это мой сворачиваемый HTML-код navbar, и по какой-то причине я не могу заставить меню открыться, как только оно будет уменьшено до мобильного размера. Он подстраивается под меню в стиле "гамбургер", но не открывается. Спасибо вам всем!

<!-- Navbar	 -->

<div class="navbar-wrapper">
<div class="navbar navbar-inverse navbar-fixed-top">
<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="/"></a></div><!-- navbar-header	 -->

<div class="collapse navbar-collapse js-navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">My Work</a></li>	
<li><a href="#">Services</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact</a></li>	
</ul><!-- navbar-right -->		
</div><!-- navbar-collapse -->		
</div><!-- navbar-container	 -->
</div><!-- navbar-fixed	 -->	
</div><!-- navbar-wrapper -->

Что я уже пробовал:

Я пробовал искать в интернете какую-то помощь самостоятельно и знаю, что мне не хватает чего-то глупого, как я уже сказал, Я новичок в html и все еще медленно учусь...

---