Skip to main content

Preguntas con la etiqueta [navbar]

Una barra de navegación, también conocida como navbar, es un elemento de control gráfico que permite a los usuarios navegar por un sitio web o una aplicación. Es el menú principal que aparece en la parte superior o en el lado de una página web y permite a los usuarios navegar por el sitio de manera rápida y sencilla.

38 preguntas con respuestas sin votos o no aceptadas
Filtrar por
Ordenado por
Etiquetadas con
3 votos
0 respuestas
76 vistas

¿Como puedo eliminar el margin-left que tiene por defecto las etiquetas <a> del navbar de Bootstrap?

No encuentro la manera de hacerlo desde CSS. Imagino que viene predeterminado por alguna de las clases de Bootstrap, pero imagino al mismo tiempo que debe poder editarse. Como verán en esta foto, en ...
Avatar del usuario Emilio Lafalla
2 votos
0 respuestas
155 vistas

Como hacer para que salga mi Navbar en modo dispositivo

Hola a todos como puedo hacer para que mi navbar me aparezca en modo dispositivo movil, en modo web si me aparece.! Espero y me puedan ayudar y no sea tan complicado Asi es como se ve el navbar en ...
Avatar del usuario Isaias Alejandro Sanchez
1 voto
1 respuesta
373 vistas

Por que mi boton toggle navbar en bootstrap no funciona?

Copie y pegue botones y de igual manera sigue sin funcionar, ademas de que intento moverlo todo hacia la derecha pero tampoco puedo, que puedo hacer? Estoy usando Angular <nav class="navbar ...
Avatar del usuario alngr
  • 11
1 voto
1 respuesta
42 vistas

El logo en mi navbar no carga en otras paginas

Estoy tratando de agregar un logo a mi navbar, pero el logo no carga en otras paginas, solo en la principal. A continuación, el codigo: <a class="navbar-brand text-white logo h3 align-self-...
Avatar del usuario Emmanuel muñoz zapata
1 voto
1 respuesta
245 vistas

Como arreglar un bug con active navbar bootstrap?

Creando mi navbar en bootstrap usando react, me tope con este pequeño error En la imagen aparece que Home esta activo pero yo en en codigo no lo tengo activo, es mas work deberia ser el que este ...
Avatar del usuario TD Perez
  • 407
1 voto
0 respuestas
98 vistas

Return Navbar html through js function

Estoy trabajando en un sitio web con diferentes páginas. Me gustaría usar la misma navbar de un navbar.js para no tener que copiarla en cada página. La navbar actual usa la función showsubMenu() para ...
Avatar del usuario Julie
  • 11
1 voto
0 respuestas
56 vistas

¿Como puedo hacer que un dropdown se despliegue en una pagina aspx donde estoy importando un navbar?

Quisiera saber como hacer que funcione un dropdown en una página .aspx en donde estoy importando un navbar de una pagina .html, el dropdown lo hice con bootstrap pero solo me funciona en la página ....
Avatar del usuario Ronald
  • 11
1 voto
1 respuesta
87 vistas

navbar bootstrap4

Estoy desarrollando un sitio, donde el nav tiene un top de 35% por que va sobre una imagen de fondo debajo del logo. Quiero que ese nav al scrollear se pegue al top, pero si no scrollea se mantenga en ...
Avatar del usuario Candela capozzucca
1 voto
0 respuestas
171 vistas

¿Cómo hago que mi navbar se vea correctamente?

estoy desarrollando una página web, estaba haciendo el navbar responsive pero me he dado cuenta de que el botón que se pone para que, cuando está en tamaño de móvil, aparezca la barra de búsqueda ...
Avatar del usuario Quique Fernandez
1 voto
1 respuesta
239 vistas

Condicionar navbar de acuerdo al rol

He creado ingreso con login y passport passport.use(new LocalStrategy({ usernameField: 'email', }, async (email, password, done) => { // Comprobar si existe el Email const user = await ...
Avatar del usuario Alberto Vargas
1 voto
1 respuesta
666 vistas

¿Por qué position:fixed no funciona sobre un elemento before?

Realizando un topNav me encontré con el problema de que al poner el elemento <nav> dentro de un section al cual le agregue una seudo clase :beforepara agregar un pattern, me topo con el problema ...
Avatar del usuario Ferny Cortez
1 voto
2 respuestas
149 vistas

Imagenes rotas bootstrap

primera vez preguntando algo y novato con esto del Bootstrap, tengo un problema que al mostrar imágenes en el header (navbar-brand) muestra imágenes rotas me he asegurado de que la ruta y la extensión ...
Avatar del usuario Harambe Peng
1 voto
0 respuestas
59 vistas

¿ Como hacer comienzo de una web igual en dispositivos móviles que en el ordenador?

Hola estoy teniendo problemas con la barra de navegación de un sitio web en dispositivos móviles. En pantalla grande, en el ordenador, a entrar en el sitio se ve una imagen, y los link de la barra de ...
Avatar del usuario Miguel Espeso
0 votos
2 respuestas
112 vistas

Navbar de bootstrap, no sé separar la imagen del texto

para Django, de la pagina de bootstrap cogi el ejemplo de navbar y no consigo que los elementos imagen y texto se separen, desconozco cual es la propiedad que lo hace. La clase intro-img e intro-text, ...
Avatar del usuario Jose
  • 164
0 votos
0 respuestas
34 vistas

Como personalizo la barra de navegacion de bootstrap

Quiero personalizar el color de fondo, tipografia, color de la tipografia y tamaño y no puedo. Probé con la hoja de estilo y dentro del codigo de la barra y no se modifica, tampoco encuentro la forma ...
Avatar del usuario Ariana
0 votos
0 respuestas
329 vistas

Django: ¿Cómo identificar usuario autenticado en template de editar usuarios?

Estoy programando en Django una aplicación web en el que el usuario se debe iniciar sesión y en todo template debe aparecer en el navbar su correo electrónico ({{user.email}}), lo cual lo conseguí. ...
Avatar del usuario Augustoxp_47
0 votos
0 respuestas
109 vistas

Problemas de posicionamiento de un menú creado con Elementor de WordPress

Tengo un menú creado en WordPress con Elementor el cual se despliega a todo el ancho, pero no consigo que al desplegarse no tape cierta zona del header, aquí muestro imágenes: Intenté darle margen y ...
Avatar del usuario C0D3BREAK3R
0 votos
1 respuesta
202 vistas

¿Cómo cambiar la propiedad de un elemento dependiendo de la elección del usuario con javascript?

Estoy utilizando un menú lateral en el cual para simplificar código hago uso de un layout colocando el código HTML de este menú lateral y al momento de trabajar en las rutas de navegación presentes en ...
Avatar del usuario Lucas
  • 191
0 votos
0 respuestas
250 vistas

Navbar que este en todas las pantallas Flutter

estoy tratando de hacer un navbar, he probado diferentes librerías pero me he quedado con persisten_nav_bar, sin embargo no es tan persistente, en algunas pantallas no llega el navbar. Necesito ayuda ...
Avatar del usuario Julian Hernandez
0 votos
0 respuestas
40 vistas

Como cambiar el alto de un navbar de boostrap

Estoy utilizando el navbar predeterminado de BOOSTRAP pero es muy alto y necesito que sea mas pequeño. Cuando trato de forzarlo en un CSS con height lo consigo pero luego el modo responsive no ...
Avatar del usuario SAGEX
  • 41
0 votos
0 respuestas
57 vistas

¿Qué estoy haciendo mal con este menú de navegación?

Tengo el siguiente menu.html dentro de la carpeta vistas y quiero que se incluya en cada pagina de mi proyecto. Ya probé poniendo el menú en la carpeta raíz, en vistas, en html, en php, con require ...
Avatar del usuario Carlos Sanchez
0 votos
1 respuesta
144 vistas

No consigo eliminar un menú de navegación con Javascript en vista de smartphone

os comento, estoy haciendo en mi portafolio un menú de navegación que cuando hagas scroll hacia abajo, éste quede fijo en la parte superior de la pantalla. El tema es que este menú de navegación fijo ...
Avatar del usuario Juan Jesús
0 votos
0 respuestas
77 vistas

Los productos no se me separan por categoria

Estoy creando una pagina, en el navbar tengo los categorías para separar los productos, la situación es que no los separa. Ejemplo en esta captura de mi Google Firebase la "categoryId" es &...
Avatar del usuario Lautaro Omar Lamalfa
0 votos
1 respuesta
163 vistas

Mostrar links animado de Bootstrap navbar sin Jquery

estoy usando bootstrap sin Jquery debido a que estoy trabajando con Liferay y estoy creando fragmentos por mi cuenta, me encuentro haciendo un navbar y funciona todo bien, mi problema esta en que no ...
Avatar del usuario DeathInWhite
0 votos
0 respuestas
65 vistas

BOTON REGRESAR DEL NAVEGADOR

Espero que se encuentren bien Tengo una duda y si alguien sabe, espero pueda ayudarme. Estoy desarrollando una pagina con HTML, PHP y Javascript El problema que tengo es que a la hora que inicio ...
Avatar del usuario DIEGO
  • 1
0 votos
0 respuestas
129 vistas

Como hacer uso de un navbar en todos los .html de mi proyecto

Estoy desarrollando un navbar ubicado en el pie de pagina el cual se encargara de mostrar un aviso de cookies, como son varias paginas (archivos .html) que contiene mi proyecto quisiera replicar este ...
Avatar del usuario John Doe
  • 147
0 votos
1 respuesta
51 vistas

como lograr que la lista se muestre con un efecto de transicion?

estoy haciendo un menu de navegación responsive, que se despliega lateralmente (esto ya lo hice con una transición), pero el problema es que dentro de este menu tengo una lista, que quiero que muestre ...
Avatar del usuario JulianProg
  • 1,063
0 votos
0 respuestas
346 vistas

box-shadow no se muestra en el navbar

estoy queriendo hacer una barra de navegación (navbar)) y al momento de aplicarle un box-shadow al borde inferior, ésta no se muestra, la sombra no se muestra. Me pasa lo mismo en otros navegadores. Y ...
Avatar del usuario 1992x c
  • 25
0 votos
1 respuesta
328 vistas

Navbar no se despliega con bootstrap 4.5.3 (cdn) responsive?

Hola estoy practicando el navbar y me pasa que instalo la versión (via cdn) 4.5.3 de bootstrap y al momento de achicar la página, el menú no se despliega. Pero si pongo la versión 4.0.0 ahí sí ...
Avatar del usuario 1992x c
  • 25
0 votos
0 respuestas
191 vistas

Navbar fixed falla al hacer scroll

Hola estoy usando el componente "Navbar" de Buefy en Vue.js Mi pagina consta de dos vistas. En la primera vista se mantiene Fijo el menu, como se espera. Pero a lo que voy a la otra vista el ...
Avatar del usuario Jonathan1998
0 votos
0 respuestas
790 vistas

justify-content: space-around; NO FUNCIONA

soy nuevo en esto y sobretodo en React y no logro hacer que me funcione justify-content: space-around; o justify-content: space-between; Mi componente: import React from "react"; import { ...
Avatar del usuario Ignacio Hardoy
0 votos
0 respuestas
107 vistas

No puedo poner la barra de navegación completamente de un color

Estoy haciendo un proyecto en MVC ASP .Net y la barra de navegación si cambia de color pero no el header completo sino solamente una parte y esteticamente se ve fatal, ¿como se puede solucionar?. He ...
Avatar del usuario Alexis
  • 107
0 votos
1 respuesta
2k vistas

Imagen dentro de una barra de navegación sin afectar el tamaño de la barra

que tal, quiero poner una imagen (avatar del perfil) dentro de una barra de navegación, pero cuando lo hago, la barra navegación se ajusta al tamaño de la imagen. De momento lo que he hecho es solo ...
Avatar del usuario Vagabundo05
0 votos
0 respuestas
2k vistas

¿Cómo insertar un sub-menu dentro de otro sub-menu?

Necesito incluir un sub-menú dentro de un sub-menú en mi sitio web. Intenté agregar un UL con el sub-menú que quiero que se muestre en la opción de #CIUDADES, antes de cerrar su LI, pero no se muestra ...
Avatar del usuario Darío Massó
0 votos
0 respuestas
114 vistas

Poner navbar collapsible para tablet con Bootstrap

Tengo mi navbarde Bootstrap (versión 3.4.0) que en dispositivos móbiles (< 768px) cambia para ser collapsible. Quisiera hacer que esta misma manera se mantenga para tamaño tablet (< 1024px), ...
Avatar del usuario Carla Paludetto
0 votos
0 respuestas
1k vistas

Header Navbar Bootstrap que ocupe toda la pantalla cuando se despliegue el botón "Hamburguesa"

Para hacer mi header he cogido el código de la página Bootstrap Navbar (External content). Quiero que cuando se despliegue el menú del botón "hamburguesa" me ocupe toda la pantalla. Actualmente he ...
Avatar del usuario Jaime García
-1 votos
1 respuesta
76 vistas

Modal bootstrap no funciona con navbar fija

Anteriormente formule mal la pregunta. Pido disculpas ya que soy novato. Adjunto codigo. Mi consulta es la siguiente, tengo un navbar de bootstrap y dentro puse dos modal, funciona todo perfecto pero ...
Avatar del usuario Pablo Alejandro Acuña
-1 votos
1 respuesta
692 vistas

Quiero crear un Navbar

Hola a todos estoy aprendiendo CSS y quería probar hacer una navbar mas o menos como la imagen El problema es que nose como hacer un corte diagonal Ahorita llevo esto` <div class="...
Avatar del usuario Juan Carlos