Why it does not toggle?

<div class="container">

	<div class="row">

			<div class="container">

				<div class="navbar-header">

					<a href="#" class="navbar-brand">Universal MEdia</a>

					
					

						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>

					
				</div>

				<div class="collapse navbar-collapse" id="mynav">
					<ul class="nav navbar-nav">
						<li><a href="#">Hoome</a></li>						<li><a href="#">ABout</a></li>						<li><a href="#">Services</a></li>						<li><a href="#">Courses</a></li>						<li><a href="#">Contact Us</a></li>					</ul>
				</div>

			</div>

	</div>

</div>