Skip to main content

Línea de tiempo para Desplegar menú dentro de otro hacia la derecha

Licencia actual CC BY-SA 4.0

17 eventos
cuándo alternar formato qué por licencia comentario
el 10 ene. 2019 a las 18:20 comentario añadido DjCrazy @Caruso Agrega esto: .navbar-nav { width: 100%; text-align: center; display: flex; justify-content: space-evenly; }
el 10 ene. 2019 a las 17:30 comentario añadido Caruso en la imagen se ve que las opciones quedan todas a la izquierda y un pedazo vacio a la derecha: ibb.co/jrM5hng
el 10 ene. 2019 a las 16:52 comentario añadido Caruso Osea los botones del menu q se repartan en la fila.. Voy a probar
el 10 ene. 2019 a las 16:18 comentario añadido DjCrazy @Caruso Si te refieres a centrar el texto simplemente agrégale a .dropdown-menu>li>a, .navbar-nav>li>a { la propiedad text-align: center;
el 10 ene. 2019 a las 15:17 comentario añadido Caruso Ya puntue tu respuesta.. Como hago para que las opciones del menu ocupen toda la fila.. Me queda un hueco a la derecha. Osea se alinean a la izquierda. Muchas gracias amigo.
el 10 ene. 2019 a las 12:35 votar aceptar Caruso
el 10 ene. 2019 a las 12:34 comentario añadido DjCrazy @Caruso Debes jugar con las clases... a .dropdown:hover .dropdown-menu le agregué background: black; y añadí 3 reglas adicionales al final del código CSS. Ya edité de nuevo la respuesta para agregarle el fondo. Recuerda marcar como útil mi respuesta si cumple tus expectativas veo que aceptaste la de Orici. Si tienes dudas adicionales lo mejor es que abras una pregunta nueva.
el 10 ene. 2019 a las 12:24 historial editado DjCrazy CC BY-SA 4.0
se añadieron 265 caracteres en el cuerpo
el 10 ene. 2019 a las 11:38 comentario añadido Caruso Gracias funcino, de que manera puedo darle color fijo a todo el menu y que ocupe todo el ancho de la fila?
el 9 ene. 2019 a las 13:40 comentario añadido DjCrazy @Caruso Edité la respuesta para obtener el mismo resultado pero sin jQuery,. Con el código que tienes no es suficiente para lograrlo, debes agregar el CSS que te pongo de ejemplo y usar las clases de Bootstrap. Trata de adaptar este ejemplo en tu código. Realmente espero que sea lo que quieres lograr.
el 9 ene. 2019 a las 13:35 historial editado DjCrazy CC BY-SA 4.0
Se editó la respuesta para adaptar todo el código al resultado esperado por caruso sin jQuery.
el 9 ene. 2019 a las 8:54 comentario añadido Caruso Listo..ahi agregue el codigo CSS
el 8 ene. 2019 a las 12:15 comentario añadido DjCrazy @caruso como te comenta shadow debes agregar el código CSS editando tu pregunta...
el 6 ene. 2019 a las 18:53 comentario añadido Caruso Ahi agregue el codigo CSS, muchas gracias
el 5 ene. 2019 a las 22:48 comentario añadido DjCrazy @caruso Voy a tratar de hacerlo sin JS para no enredarte, pero, mientras tanto necesito que por favor agregues tus estilos CSS en la pregunta... así será más fácil replicar tus errores.
el 5 ene. 2019 a las 11:58 comentario añadido Caruso entonces mi codigo como quedaria? tengo los ul de class submenu. A subes el li de articulo seria de clase test. y luego deberia ejecutarse el codigo de js pero no me funciona
el 4 ene. 2019 a las 13:16 historial respuesta DjCrazy CC BY-SA 4.0