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.

Filtrar por
Ordenado por
Etiquetadas con
10 votos
3 respuestas
6k vistas

¿Cómo puedo poner el slider en todo el ancho de la pantalla y que luego aparezca la barra de navegación?

EDITO DE NUEVO: He utilizado el código del compañero @Arngue, pero no logro lo que necesito. También he probado el código de @JheymanMejia pero no me funciona como su ejemplo, a pasar de añadir el ...
Avatar del usuario Diana
  • 376
4 votos
1 respuesta
613 vistas

Elementos se caen hacia abajo de un navbar

Tengo un navbar en mi sitio. Pero el problema es que los elementos del navbar se caen hacia abajo. Osea, el icono se queda arriba y el texto abajo. He preguntado hace unas horas aquí en StackOverFlow ...
Avatar del usuario pabdani
  • 91
3 votos
0 respuestas
75 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
2 respuestas
82 vistas

Errores en Javascript y cosas que no entiendo

Estoy tratando de hacer un burguermenu con JavaScript, con el fin de que pueda ser abierto con el botón, pero cerrado, bien pulsando en el botón, así como pulsando fuera de la ventana del menú. No sé ...
Avatar del usuario RodriMinguez
2 votos
1 respuesta
269 vistas

¿Cómo cambiar el color de fuente de la barra de navegación cuando hace scroll?

Tengo una navbar transparente con texto blanco, cuando hago scroll down a la pagina me gustaría que el texto cambiara a color negro. ¿Cómo puedo hacerlo? Adjunto mi código JS: $(window).scroll(...
Avatar del usuario Mayra Ximena Vargas
2 votos
2 respuestas
743 vistas

"Display: Inline" No me funciona

soy bastante novato en programacion, estoy empezando con la html y la ul para hacer una navbar no me funciona en inline. El HTML: <div> <ul id=navbarlist> <li> <a href="...
Avatar del usuario RodriMinguez
2 votos
2 respuestas
262 vistas

Eliminar espacio entre nav-pills vertical

He creado un nav-pill vertical que incluye un numero en forma de aviso si se produce una condicion (extraída de una consulta SQL). El problema es que cuando tengo que mostrar el numero (como un badge) ...
Avatar del usuario osbragon
  • 143
2 votos
1 respuesta
5k vistas

menu desplegable y responsive bootstrap

Estoy haciendo una web con bootstrap y tengo un problema. Necesito un id para hacer el menú desplegable y un id para que que cuando sea en pantallas pequeñas el menú se esconda y en un botón se ...
Avatar del usuario Victorjp1
2 votos
1 respuesta
166 vistas

Problema con barra de navegacion hamburgesa responsive que no se contrae

La barra de navegación de mi proyecto en Angular (15.2.2) es responsive y tiene un menú hamburguesa para la versión móvil, solo que no he podido lograr que se contraiga cuando se hace clic afuera de ...
Avatar del usuario Afalken
  • 21
2 votos
1 respuesta
7k vistas

Mostrar o ocultar acciones del nav-bar según el rol del usuario, Angular

he estado buscando un buen tiempo y no logro dar con la solución, espero me puedan ayudar! Mi aplicación tiene un Nav-Bar que muestra botones que redireccionan al usuario a las demás rutas, el tema ...
Avatar del usuario Fernando Ignacio Navajas Ortiz
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
75 vistas

Mantener la alineación en un Navbar Bootstrap 5

Tengo un navbar que contiene: el elemento navbar-toggler en la izquierda, una imagen al centro y un ícono en la derecha. Mientras la pantalla sea menor de 992px va todo bien, con la imagen centrada. ...
Avatar del usuario ClaudioO
1 voto
1 respuesta
136 vistas

Mantener tamaño del elemento al ser afectado por un media query

Estoy aprendiendo a manejarme con las media query y me ha surgido un problema que no veo muy bien como solucionar. He ajustado mi media query para que cuando la pantalla tenga un tamaño determinado, ...
Avatar del usuario Sanwych
  • 185
1 voto
1 respuesta
30 vistas

cómo hago que la navbar se mantenga igual al mostrar un submenú

Cuando quiero mostrar el submenú el fondo de la navbar también se hace más grande, ya que el submenú está dentro de ese bloque, pero quiero que la navbar se quede igual, sin cambiar su tamaño, y el ...
Avatar del usuario David
  • 13
1 voto
1 respuesta
123 vistas

¿Como hacer para que el texto del menu quede de un color cuando está en foco?

Basicamente es un menu que el texto tiene un color, y quiero que cada vez que se va cambiando de pagina, quede de otro color el texto del menú de esa pagina en la cual estoy parado. Intente con un :...
Avatar del usuario Diego
  • 141
1 voto
1 respuesta
503 vistas

¿Navbar de bootstrap no se repliega al elegir una opcion del menú?

Tengo un navbar hecho con las clases que nos brinda bootstrap 5.1, pero al abrirlo desde un móvil el botón responsive despliega el menú, sin embargo cuando elijo una opción del menú este no se contrae ...
Avatar del usuario Andrey Molina
1 voto
1 respuesta
950 vistas

REACT.JS ¿Cómo hago para que en ciertas routes me muestre mi navbar con fondo y en otras routes no tenga fondo?

Tengo un inconveniente que no he podido solucionar, tengo un NAVBAR la cual necesito que solo en ciertas route deberá ser transparente y en otras tiene que mostrar el background. Es decir, cuando es ...
Avatar del usuario Andrés MZ
1 voto
1 respuesta
2k vistas

¿Cómo crear un navbar estático en Bootstrap y visualizar en él un menú de grandes proporciones correctamente?

Tengo un nabvar en Bootstrap que funciona perfecto en todas las vistas menos en la vista móvil horizontal. Al presionar sobre el dropwdown, se abre el desplegable y al tener bastantes elementos uno ...
Avatar del usuario David
  • 1,313
1 voto
1 respuesta
317 vistas

Un button que active otro

No se si será posible pero me plantie poner un button en mi header (es una barra que hace scroll con toda la pagina) el cual les permita a los usuarios guardar los datos del formulario que ya lleven ...
Avatar del usuario Lucas Ignacio Lissalde
1 voto
2 respuestas
428 vistas

Ordenar labels e inputs en una navbar

Mi problema es que no puedo ordenar 2 label con 2 input en la barra de navegación (como la de un inicio de sesión parecida a la de Facebook). Suelo hacerlo con placeholder pero intentándolo de esta ...
Avatar del usuario reinel
  • 27
1 voto
1 respuesta
137 vistas

Problema con menu navbar de Boostrap, se abre y selecciona automáticamente

pues estoy tratando de armar un panel de control con una plantilla que compré: https://www.bootstrapdash.com/demo/star-admin-pro/src/demo_1/index.html Sin embrago, ese inconveniente ya me pasó con ...
Avatar del usuario Neftali Acosta
1 voto
1 respuesta
371 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
238 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
665 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
1 respuesta
286 vistas

Dropdown de Bootstrap

tengo un problema con el código del navbar en Bootstrap. El problema es que el Dropwdown no funciona. Cuando le doy clic para que se extienda no se hace. Además, cuando cambio a vista de móvil, el ...
Avatar del usuario Joseph Carazo
0 votos
1 respuesta
230 vistas

Problema en CSS con "hover"

me acabo de registrar, espero que puedan resolver mi duda. Me sucede que eh utilizado el estilo "hover" en CSS, cuando paso el mouse por encima de los elementos en mi barra de navegación, me ...
Avatar del usuario binthc
  • 61
0 votos
1 respuesta
228 vistas

Botón de menú hamburguesa no se centra

Hola a todos! Tengo un navbar que es adaptable a dispositivos. Le puse para que en el tamaño de telefóno estandar aparezca un botón de menú hamburguesa (toggle), pero el botón no se centra como se ...
Avatar del usuario pabdani
  • 91
0 votos
1 respuesta
508 vistas

Como cerrar modal y navbar al mismo tiempo

Tengo un navbar ubicado en el pie de pagina de mi desarrollo el cual contiene un aviso para uso de cookies con dos botones, el primer botón Aceptar cierra el navbar y se crea una cookie y el segundo ...
Avatar del usuario John Doe
  • 147
0 votos
2 respuestas
180 vistas

Colocar como sub menu los sub items de la API a la cual se llama

Tengo una API (https://simplebackend-dmwjvq7ka.now.sh/menu) y con la cual debo crear un Navbar con los datos de la misma. Ya hice el llamado y me traje los menu principales; pero resulta que el id:0 ...
Avatar del usuario Carlos Tello
0 votos
1 respuesta
2k vistas

Cambiar estilo y modo de menu desplegable

Hola amigos como puedo hacer para que el menú no este fijo y este en una sola linea, ya que el menu lo jala en cada php. Al dar clic en la parte de abajo para querer minimizarlo solo hace el proceso ...
Avatar del usuario Isaias Alejandro Sanchez
0 votos
1 respuesta
5k vistas

Porque cuando pongo mi navbar en fixed position se vuelve "invisible"?

Estoy ensayando diferentes estilos con CSS y ahora quiero que mi navbar se quede estatica mientras uno va mirando la información (Igual que en esta página). Aun cuando position: fixed funciona como ...
Avatar del usuario Lina Paredes
0 votos
1 respuesta
375 vistas

Position: sticky; no funciona

Quiero que mi barra de navegación se quede fija en mi archivo web. He probado el position: sticky; top: 0; Pero no funciona, cuando la barra de navegación alcanza el valor top: 0, no se adhiere a la ...
Avatar del usuario Javiruli Briz
0 votos
1 respuesta
72 vistas

Destacar opcion en NAVBAR

Tengo en mi sistema una NAVBAR con varias opciones, todo funciona bien. Tengo configurado para que cuando la pagina este en ACTIVE se destaque para identificar la pagina actual. Pero lo que no he ...
Avatar del usuario SBK22
  • 471
0 votos
1 respuesta
254 vistas

Logo en el Navbar no cuenta con el color de fondo adecuado

estoy empezando con un proyecto y al momento de colocar mi logo("Imagen") en el nav no toma el color de fondo de este(La imagen esta en formato png), por favor necesito ayuda. HTML <...
Avatar del usuario Renatta Quiroz
0 votos
2 respuestas
376 vistas

Posicionar imagen en NAVBAR segun resolucion

Tengo 3 div en mi navbar. Cuando la resolucion es para mobiles se muestran solo 1 y quiero que quede centrado. Cuando la resolucion aumenta pasan a ser 2 y cuando aumenta mas pasan a mostrarse los 3. ...
Avatar del usuario Ignacio Hardoy
0 votos
1 respuesta
620 vistas

¿Existe algo similar a background-image en NavBar de Material-UI con react?

Buenas noches estoy desarrollando un ToDo App en react con material-ui, y quiero que mi Navbar tenga una imagen de fondo, pero no encuentro una propiedad para hacerlo, ¿saben si existe alguna ...
Avatar del usuario Luis Angel López Santos
0 votos
1 respuesta
621 vistas

¿Cómo agrego este icono al menú dropdown?

Hola tengo el siguiente menu y necesito agregarle un icono de una flecha <i class="fas fa-angle-down"></i> para indicar que es desplegable, asi como se ve en esta imagen Pero no ...
Avatar del usuario Alejandro León
0 votos
1 respuesta
173 vistas

Navbar no se muestra bien en el navegador

Navbar no se muestra bien en el navegador, al momento de abrir el carrito en el lado derecho este se muestra incompleto, que debo corregir para que el proyecto se visualice bien? <header> ...
Avatar del usuario JESUS BURGOS
0 votos
1 respuesta
217 vistas

Como posicionar fijo un elemento HTML sin salir del flujo?

es algo que crei encontrar una rapida respuesta en google pero no fue asi. Si un elemento es posicionado fijo con css (position:fixed;) no lo afecta el scroll, esto es muy practico para los navbars, ...
Avatar del usuario Hernán Garcia
0 votos
1 respuesta
406 vistas

Navbar Bootstrap no despliega Sub-menu

Estoy usando un navbar que tome en los ejemplos de bootstrap y le hice algunos cambios minimos, lo que me pasa es que no me funciona la parte desplegable para sub-menu y tambien cuando la pagina se ...
Avatar del usuario Camilo SW
0 votos
1 respuesta
198 vistas

Ubicación de navbar dependiendo de la resolución

Es posible tener la barra de navegación en lado izquierdo, pero al hacer la pantalla más pequeña se vaya para la derecha y se alineara con el logo? <link href="https://cdn.jsdelivr.net/npm/...
Avatar del usuario jhonloa
0 votos
1 respuesta
69 vistas

React routing problema con babel en navbar

Estoy aprendiendo el uso del routing siguiendo el siguiente tutorial. Donde se importa bootstrap y se usa un navbar para navegar entre paginas. Se declaro el componente y la siguiente funcion: ...
Avatar del usuario Cristian Budzicz