Bastante simple en su composición, pero que seguramente … HorizontalNav . Este paso será genérico para todos los componentes de la aplicación/web, pero va bien que nos acostumbremos a seguir una metodología de trabajo. Simple one with navigation & the complex one with sub-menus. if you want) padding: 8px; - Since block elements take up the full width available, they cannot float next to each other. Y un color de fondo background-color: #B3B3B3;. Con la llegada de HTML5 surgieron discrepancias sobre cual es la estructura semántica  correcta para un menú. Al final, el mismo menú horizontal se convertirá en un menú vertical cuando lo veamos desde un móvil, consiguiendo un diseño de menú "responsive". Pruébalo haciendo más estrecha la ventana poco a poco. Para el caso de derecha o centro, sólo tendréis que aplicar la propiedad text-align: right/center; al menú. Lo que este módulo hace por ti directions_car Optimiza la experiencia del usuario Por eso hemos de partir de un diseño que los defina y para ello he preparado un pequeño wireframe con varios dispositivos donde se resaltan en verde las zonas más cómodas de acceso basadas en las disposiciones ergonómicas más comunes para cada dispositivo. Esto es ideal para sitios con mucho contenido. Esta es la disposición más común para muchas tareas en tablet, ya que nos da más agilidad al escribir en el teclado y manejarnos por los contenidos con dos dedos en lugar de uno a la vez que sostenemos la tablet con dos manos. horizontal:.menu > li { display: inline-block; /*Alineamos los li del primer nivel*/} Si necesitas un menú responsive, debes personalizar el constructor Bootstrap para incluir sólo Navs y/o archivos relacionados con Navbar. Eso es debido a los saltos de línea que usamos en nuestro código, ya que el navegador los interpreta como espacios al alinear los elementos del listado. 8. Espero que os sea útil. Star admin is a completely responsive admin template that fits on any device screens. Veremos que obtenemos el mismo resultado prácticamente con las dos y que por tanto somos libres de elegir en cada circunstancia la que mejor nos convenga. Créalo desde el Administrador de archivos en tu hPanel e insértalo en el tema que usas actualmente usando la función PHP readfile (). De momento no pondremos los enlaces para que quede más clara la estructura de nuestro menú responsive. Show the link that contains should open and close the topnav (.icon) */. For the sample only the background colour will change between countries. 12+ Top Vertical Css3 Menus 15+ Top Responsive Css3 Menus 45. Responsive-Menu is tiny plugin that will turn your site's navigation into a dropdown (