HTML - Menu desplegable

Val: 51

Menu desplegable

Publicado por aldo (79 intervenciones) el 02/02/2017 21:48:17

He creado este codigo para un menu desplegable con bootstrap.
pero no se esta desplegando, si alguien puede ver cual es el error.

<div class="row">

	<div class="col-sm-12">

		<h2>Menus Desplegables</h2>

		 <div class="dropdown">

			 <button class="btn-btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">

			  Menú

			   <span class="caret"></span>

			 </button>

			 <ul class="dropdown-menu" role="menu" aria-labelldby="dropdownMenu1">

				<li role="presentation">

				   <a role="menuitem" tabindex="-1" href="#">Seleccion 1

				   </a>

				</li>

				<li role="presentation">

				   <a role="menuitem" tabindex="-1" href="#">Seleccion 2

				   </a>

				</li>

				<li role="presentation">

				   <a role="menuitem" tabindex="-1" href="#">Seleccion 3

				   </a>

				</li>

				<li role="presentation">

				   <a role="menuitem" tabindex="-1" href="#">Seleccion 4

				   </a>

				</li>

				<li role="presentation" class="divider"></li>

				  <li role="presentation">

					<a role="menuitem" tabindex="-1" href="#">Seleccion separada

				    </a>

				  </li>

			 </ul>

		 </div>

	</div>

</div>

Valora esta pregunta

Responder

Val: 17

Publicado por Carlos Grimaldo (5 intervenciones) el 03/02/2017 00:31:53

Prueba....

<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Dropdown menu ejemplo 1 - Bootstrap 3</title>

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

  </head>

  <body>

  <div class="row">

    <div class="col-sm-12">

     <h2>Menus Desplegables</h2>

     <div class="dropdown">

     <button class="btn-btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">

	  Menú

      <span class="caret"></span>

   </button>

	 <ul class="dropdown-menu" role="menu" aria-labelldby="dropdownMenu1">

 	<li role="presentation">

 	   <a role="menuitem" tabindex="-1" href="#">Seleccion 1

 	   </a>

 	</li>

	 	<li role="presentation">

 	   <a role="menuitem" tabindex="-1" href="#">Seleccion 2

	   </a>

 	</li>

 	<li role="presentation">

 	   <a role="menuitem" tabindex="-1" href="#">Seleccion 3

 </a>

</li>

<li role="presentation">

 <a role="menuitem" tabindex="-1" href="#">Seleccion 4

</a>

</li>

<li role="presentation" class="divider"></li>

 <li role="presentation">

<a role="menuitem" tabindex="-1" href="#">Seleccion separada

 </a>

 </li>

</ul>

</div>

</div>

</div>

  </body>

</html>

Valora esta respuesta

Comentar