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.
91
preguntas
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 ...
0
votos
1
respuesta
28
vistas
Click fuera de formato en navbar
Hola tengo la siguiente navbar en html y css
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="...
0
votos
2
respuestas
111
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, ...
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 ...
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 ...
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 ...
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í. ...
0
votos
0
respuestas
108
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 ...
0
votos
1
respuesta
288
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 ...
0
votos
0
respuestas
249
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 ...
0
votos
1
respuesta
200
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 ...
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. ...
0
votos
1
respuesta
101
vistas
Como puedo modificar y optimizar mi codigo para que el Navbar que estoy creado pueda ser agregado a todas las pantallas
estoy haciendo un navbar, he buscado varias formas de hacerlo con el gestor de estado GX me llego a sulucionar una parte, puedo agregarlo en todas las pantallas de esta maners
class CustomBottomBar ...
0
votos
1
respuesta
376
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 ...
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 ...
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 ...
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-...
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 ...
0
votos
1
respuesta
45
vistas
Actualizar estado active en <nav>
¿Por qué cuando interactuo con los elementos del dropdown y luego quiero interactuar con los demas elementos no me desmarca las opciones dentro del dropdown, siempre las deja activas y me bloquea el ...
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 ...
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 ...
-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 ...
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 ...
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 :...
0
votos
1
respuesta
48
vistas
Problema con la configuración del tamaño y la posición del navbar
He estado trabajando un proyecto en vue / code pen, sin embargo tengo un problema con la configuración del tamaño del navbar; la idea es que tenga el largo de la pagina y poder organizar los ...
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, ...
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 ...
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 ...
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
<...
0
votos
2
respuestas
378
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. ...
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 ...
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 ...
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 ...
1
voto
1
respuesta
951
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 ...
0
votos
1
respuesta
623
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 ...
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 &...
4
votos
1
respuesta
614
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 ...
0
votos
1
respuesta
229
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 ...
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 ...
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 ...
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 ...
-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="...
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>
...
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 ...
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 ...
0
votos
1
respuesta
219
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, ...
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 ...
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 ...
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í ...
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 ...