Cómo hacer menús desplegables en Bootstrap con Drupal

Enviado por Daniel Muñoz Egido el Mar, 28/03/2017 - 17:16
logo de boostrap

A todos nos habrá pasado que tras instalar Bootstrap en nuestra distribución de Drupal los menús no se despliegan automáticamente como cuando usamos este framework en otras plataformas. Esto es porque deberemos realizar un par de acciones para que funcione correctamente.

El primer paso consiste en entrar a estructura > menús > nuestro_menú y editar el item que queremos que se despliegue y seleccionamos la casilla "mostrar expandido".

 

configuración del menú de Drupal

 

El segundo paso lo deberemos realizar en la hoja de estilos de nuestro tema, preferiblemente y como es recomendado, en un hijo de Bootstrap. Para ello deberemos añadir las siguientes líneas al código css:

 

ul.nav li.dropdown:hover ul.dropdown-menu {
	display: block;
	}
ul.nav li.dropdown ul.dropdown-menu {
	margin-top: 0;
}

 

Y con estos dos sencillos pasos ya tendremos nuestros menús desplegables en Drupal.

 

 

Añadir nuevo comentario

Este campo sólo es para verificar que usted es una persona. No será almacenado ni utilizado con ningún otro propósito

HTML Restringido

  • Etiquetas HTML permitidas: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • Saltos automáticos de líneas y de párrafos.
  • Las direcciones de correos electrónicos y páginas web se convierten en enlaces automáticamente.

Documentación Hoy le informa que los datos facilitados por usted en este formulario serán tratados informáticamente por Documentación Hoy con el objetivo de publicar su comentario a este contenido. Para poder llevar a cabo esta acción necesitamos su consentimiento explícito. Los datos proporcionados se conservarán mientras no solicite el cese de la actividad. Los datos no se cederán a terceros salvo en los casos en que exista una obligación legal. En cualquier momento usted puede ejercitar su derecho a acceder, rectificar, limitar o borrar sus datos enviándonos un e-mail a info@documentacionhoy.com. Usted puede encontrar más información en nuestra Política de Privacidad.

CAPTCHA
Esta pregunta es para comprobar si usted es un visitante humano y prevenir envíos de spam automatizado.