Bootstrap Example<title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, inicial-scale=1"> <link href ="css/bootstrap.css" rel_="stylesheet"> <script src="js/jquery-1.11.2.min.js"></script> <script src="js/bootstrap.js"></script> <style type="text/css"> .carusel-iner .tem img, .carusel-iner .tem img, {width: 100%} .container .carusel-indicators .active {background-color:orange;} .container .carusel-indicators .active li {border: 1px solid orange;} .container .panel-footer {margin-top:20px} </style> </head> <body> <div class="navbar-header"> <button type="butto" class="navbar-toggle" data-toggle="collapse" data-target="#mimenu"> <span class"icon-bar"></span> <span class"icon-bar"></span> <span class"icon-bar"></span> </button> <a class="navbar-brand" href="index.html">MOOC</a> <div> <div class="collapse navbar-collapse" id="mi menu"> <ul class="nav navbar-nav"> <li class="active"><a href="index.html">inicio</a></li> <li><a href="ejercicio_puzzle.html">puzzle</a></li> <li><a href="#">opcion 3</a></li> <li><a href="#">opcion 4</a></li> <li><a href="#">opcion 5</a></li> </ul> </div> </div> <nav>