HTML - Menu desplegable

 
Vista:
sin imagen de perfil
Val: 51
Ha disminuido su posición en 8 puestos en HTML (en relación al último mes)
Gráfica de HTML

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.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Carlos Grimaldo
Val: 17
Ha aumentado su posición en 3 puestos en HTML (en relación al último mes)
Gráfica de HTML

Menu desplegable

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!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
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar