Menu responsive dos niveles con Bootstrap

[AitorLopez]

Hola. Estoy intentando hacer un menu a 2 niveles con bootstrap. En un pc funciona perfectamente, pongo el navegador en una resolución pequeña, el menú se transforma en el botoncito, pulso y se despliega el menu, pulso en dropdown y se despliega el siguiente menu y al llegar a more options se muestra el siguiente menu. Hasta aqui perfecto.

Si estoy en un movil, no funciona, al pinchar en Dropdown, se muestra el siguiente menu pero al pulsar en more options, el menu se cierra.

Llevo revisando la documentación ni se sabe, pero nada, a ver si me podeis ayudar, por favor.

Gracias. Un saludo.

Código HTML:

<div class="navbar">
              <div class="navbar-inner">
                <div class="container">
                  <a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                  </a>
                  <a href="#" class="brand">Title</a>
                  
                  
                  <div class="nav-collapse collapse navbar-responsive-collapse">
                    <ul class="nav">
                      <li class="active"><a href="#">Home</a></li>
                      <li><a href="#">Link</a></li>
                      <li><a href="#">Link</a></li>
                      <li class="dropdown">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                          <li><a href="#">Action</a></li>
                          <li><a href="#">Another action</a></li>
                          
                          <li class="dropdown-submenu">
                          <a href="#" tabindex="-1">More options</a>
                          
                             <ul class="dropdown-menu">
                            
                                <li><a href="#" tabindex="-1">Second level link</a></li>
                                      <li><a href="#" tabindex="-1">Second level link</a></li>
                                      <li><a href="#" tabindex="-1">Second level link</a></li>
                            
                            </ul>
                          
                          </li>
                          
                          <li><a href="#">Something else here</a></li>
                          <li class="divider"></li>
                          <li class="nav-header">Nav header</li>
                          <li><a href="#">Separated link</a></li>
                          <li><a href="#">One more separated link</a></li>
                        </ul>
                      </li>
                    </ul>
 
                  </div><!-- /.nav-collapse -->
                </div>
              </div><!-- /navbar-inner -->
            </div>
 

[abimaelrc]

Bueno que tenga entendido, para ver lo que haces también hace falta lo de CSS y javascript

[AitorLopez]

Bootstrap lo que tiene es que con solo enlazar el archivo css y el js que te descargas en su pagina, no hace falta añadir ninguna linea de codigo css ni js, por eso no lo he puesto.

[abimaelrc]

¡Ay padre pero si estoy desactualizado¡

Ya mismo vuelvo a contestar en esta parte del foro, pero antes me actualizo

Disculpa, desconozco como trabaja bootstrap (es que el termino lo conozco pero como parte de un framework, preparar todo en el comiezo, no como que es un framework)

[AitorLopez]

Sigo indagando con este tema, aunque sin mucho exito, la verdad. Me extraña mucho que la gente de bootstrap te de un menu para la version movil y que al llegar al segundo nivel, para que este se muestre, funcione con hover, sabiendo que en pantallas tactiles el hover no funciona.

Esta claro que tiene que haber una forma de mostrar el segundo nivel con un click y no con hover, pero no soy capaz de encontrarlo.

¿Alguna sugerencia?

[pzin]

No he tocado Bootstrap, pero que :hover no funciona en pantallas táctiles no es cierto.

[tommy_tony]

Creo que te equivocas , es necesario incluir algunas lineas de código para que te funcionen cosas como los drop down , los slider , etc .

Aquí te dejo el vídeo que explica como hacer un drop down http://www.youtube.com/watch?v=1YE6ypJUwyU#t=1277

[AitorLopez]

Ese video explica un menu como mucho de un nivel, pero aqui hablamos de dos niveles

[dierrytacato]

Estoy teniendo el mismo problema con un menu igual de 2 niveles. Alguien a encontrado una solucion. Para este proyecto he utilizado bootstrap 2.3.2.

Por si lo quieren ver es www.aprenderidiomas.com

Alguien sabe como puedo desactivar el hover para moviles o para todo si esto no fuese posible.

Gracias

[AitorLopez]

Hola. No te puede ayudar porque no conseguí una solución. Tuve que hacer el menú como un acordeon porque fuí incapaz de meterlo un segundo nivel a boostrap y que funcionara decentemente.

[dierrytacato]

He podido encontrar esto, que es lo mas parecido a lo que quiero.

http://bootply.com/92442#

Pero claro es para bootstrap 3 creo y yo utilizo en este proyecto el 2.3.2

¿Alguien cree que podria adaptarlo?