entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

Bootstrap menu desplegable

Hola tengan buen dia, tengo un iconveniente con el menu creado en bootstrap ya que no se me despliega para mirar los submenu, me buscado y no encuentro nada, he leido y he echo al pie de la letra lo que hay en estos tutoriales:
http://magazine.joomla.org/es/ediciones-anteriores/octubre-2012/item/922-uso-del-framework-twitter-bootstrap-para-construir-desde-0-una-plantilla-adaptable-para-joomla
http://magazine.joomla.org/es/ediciones-anteriores/noviembre-2103/item/1625-override-joomla-mod-menu

pero no me funciona, estoy usando bootstrap 3 y no logro encontrar la clase que me haga la funciona de desplegarme los item del menu en una plantilla de joomla3.

0voto

KoffeeSoft comentado

Hola, primero que todo gracias por la colaboracion, bueno he encontrado el inconveniente sobre el menu desplegable de bootstrap 3.1 en joomla 3. Despues de realizar la configuracion del archivo default.php de la carpeta mod_menu la cual esta en este manual:
http://magazine.joomla.org/es/ediciones-anteriores/noviembre-2103/item/1625-override-joomla-mod-menu

Solo me quedaba por hacer que el item del menu que deseaba que contuviera el submenu, fuera de tipo URL EXTERNA y en enlace poner #.

Bueno eso no mas era el rollo jeje, espero les sirva esta pequeña ayuda. Gracias

1 Respuesta

0voto

burzumumbra Puntos650

Mira te aconsejo primero que la plantilla lo trabajes de modo normal, primero aprende a usarlo de modo normal, también seria bueno que muestres el código del menú y tu header.

2votos

KoffeeSoft comentado

Hola, el codigo de la creacion del menu es:

<div class="row">
          <nav class="navbar navbar-default" role="navigation">
            <div class="container-fluid">
              <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                  <span class="sr-only">Toggle navigation</span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                </button>
              </div>
              <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
               <jdoc:include type="modules" name="menu"> 
              </div>
            </div>
          </nav>
        </div>

me dice que con la clase dropdown en el momudlo menu para el depliegue de menu y no funciona ya lo probe en el item de menu padre y nada, y en el item del menu hijo y tampoco.
Y a que te refieres que lo trabaje normal?

0voto

carlossevi comentado

Por lo que veo tu código es prácticamente igual al que propone Bootstrap en su guía del componente Navbar, pero ¿para qué es necesario el div del estilo row?

<div class="row">
    ...aquí está todo tu código...
</div>

¿Es necesario que el menú esté dentro de este div?

0voto

KoffeeSoft comentado

claro es innecesario, lo borrare y compartiré resultado gracias.

0voto

KoffeeSoft comentado

Hola, ese row esta porque esta dentro de un col-md-8 asi:

<div class="col-md-8">
      <div class="row">
        <jdoc:include type="modules" name="buscar"/>
         <form class="navbar-form navbar-right" role="Buscar palabra clave">
            <div class="form-group">
              <input type="text" class="form-control" placeholder="Buscar palabra clave">
            </div>
            <button type="submit" class="btn btn-default">Buscar</button>
          </form>
      </div>
        <div class="row menualinear">
          <nav class="navbar navbar-default" role="navigation">
            <div class="container-fluid">
              <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                  <span class="sr-only">Toggle navigation</span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                </button>

              <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
               <jdoc:include type="modules" name="menu"/> 
              </div></div>
            </div>
          </nav>
        </div>
    </div>

ya he echo de todo pero no funciona en joomla 3, funciona como un html normal pero no para este cms, como hago para que funcione en joomla, ayuda. De antemano gracias.

0voto

carlossevi comentado

¿Tienes la página publicada con alguna URL pública para que podamos ver el resultado de lo que está pasando?

0voto

KoffeeSoft comentado

si claro, la subi pensando que era problema de mi localhost pero no
http://competencias.hol.es/

Gracias por el interés a ayudarme.

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta