Preguntas con la etiqueta [bootstrap-5]

Esta etiqueta se refiere a la versión 5 del conocido framework Bootstrap. Es recomendable usarla con la etiqueta `bootstrap`, pero nunca junto a `bootstrap-4` ni `bootstrap-3`.

Filtrar por
Ordenado por
Etiquetadas con
0 votos
0 respuestas
16 vistas

Problemas con Carrusel de Bootstrap 5

Estoy intentando hacer un carrusel, y me muestra la imagen por unos microsegundos solo cuando recargo la página y luego desaparece. No sé si lo estoy inicializando correctamente o no, estoy ...
Alexa's user avatar
  • 1
0 votos
0 respuestas
24 vistas

¿Cómo puedo evitar que al hacer click en el botón Next del carrusel, este se agrande?

¡Hola! Estoy usando Bootstrap para crear un slider. El problema está en que cuando hago click en el botón para pasar de slide, el carrusel se hace un poco más grande y luego vuelve al tamaño original. ...
Joseph Carazo's user avatar
0 votos
0 respuestas
9 vistas

Problema al mostrar dropdown bootstrap 5 desde un botón con Jquery

Tengo un enlace en mi menú que al hacer clic en él, muestra de manera correcta la posición del contenido en un dropdown-menu, este es el código: <li class="nav-item dropdown"> <...
Joe's user avatar
  • 783
0 votos
1 respuesta
36 vistas

tengo problemas con el footer en bootstrap de mi pagina web

mi pregunta es realcionada con el footer en bootstrap , no encuentro la manera de que mi footer se quede abajo del todo en mi pagina web la cual por peticion de mi cliente no tiene mucho contenido en ...
Daniel René Piedra's user avatar
0 votos
1 respuesta
28 vistas

Crear pestaña div bootstrap 5

He estado intentando hacer una tipo pestaña con Bootstrap 5, pero aún no lo logro. ¿Alguien tiene alguna solución? Adjunto imagen de cómo debe quedar. <div class="text-center"> <...
Irvin's user avatar
  • 3
0 votos
1 respuesta
36 vistas

Mostrar y ocultar todo el menú de navegación (Dropdown)

Tengo en mi página Home un menú donde están el menú de navegación, entonces cuando está en Home verifica si el Id del usuario está nulo o no. Si no está nulo (si la sesión ya se inició entonces "...
Saulo's user avatar
  • 107
1 voto
1 respuesta
27 vistas

Seleccionar pestaña (tab) en boostrap 5 dependiendo del día

Tengo un nav tab pills con los días de la semana. Mi intención es que según el día se seleccione el tab correspondiente. Para ello he utilizado la función date("w"); para extraer en formato ...
Jok's user avatar
  • 846
1 voto
1 respuesta
21 vistas

Como puedo fusionar dos columnas de dos filas diferentes en Bootstrap?

Me gustaría lograr algo así: Pero lo máximo que he logrado es lo siguiente: <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"/> <link ...
Carlos's user avatar
  • 799
0 votos
1 respuesta
11 vistas

React Select. Muestra la información, pero por la parte de atrás

Tengo un formulario en ReactJs, el cual le puse un React Select. Ambos, funcionan correctamente como se muestra a continuación: <div className="login templete d-flex justify-content-center ...
Saulo's user avatar
  • 107
1 voto
1 respuesta
19 vistas

En el formulario ReactJs con Bootstrap. Me marca este error: "Warning: Encountered two children with the same key, `1`."

Tengo un formulario en ReactJs donde uso un "Useeffect" para traer los datos de una API en PHP nativo (funciona correctamente) en la cual lleno el vector y muestra la información en una ...
Saulo's user avatar
  • 107
1 voto
1 respuesta
20 vistas

Etiqueta form no se muestra completo, una parte queda debajo del footer de la pagina

El form se "oculta en mi footer, haciendo que no se vea el final del formulario, esto genera un poco de incomodidad a la vista ya que no se termina de entender si finalizo ahi el formulario o hay ...
Juanjo's user avatar
  • 67
0 votos
1 respuesta
35 vistas

Elemento se sale de los bordes del form hacia afuera

Tengo un formulario de pago en mi página, que cree con clases de bootstrap, pero aparece una línea que no logro sacar, que se sale hacia los costados del form, quiero poder achicarla para que solo sea ...
Juanjo's user avatar
  • 67
0 votos
0 respuestas
19 vistas

Problema con Modal de Bootstrap al momento de cerrar

Tengo un caso curioso, no se si conviene poner codigo porque es el modal basico de bootstrap 5, resulta que el modal se abre bien, pero al cerrar el modal, la pagina vuelve al principio, osea scrolea ...
Sidney Alan - Designer  Progra's user avatar
1 voto
0 respuestas
25 vistas

mi navbar no se pega a lo alto de la pantalla, deja un margen

Tengo una navbar pero no se pega a lo alto de la pantalla como deberia, deja un espacio <div class="d-flex p-2 bd-highlight"> <nav class="navbar navbar-default navbar-...
Juanjo's user avatar
  • 67
1 voto
0 respuestas
45 vistas

Problema con overflow-y: scroll en un modal de Bootstrap

Tengo un modal creado con la librería Bootstrap en el que tengo varias listas que se rellenan al hacer una búsqueda mediante Ajax, con un tamaño fijo y la propiedad overflow-y: scroll, para poder ...
Sergio Domínguez's user avatar
3 votos
0 respuestas
36 vistas

Los elementos de mi navbar se apilan, en lugar de mostrarse uno al lado del otro

Soy nuevo con HTML y Bootsrap, estoy haciendo un proyecto para la universidad, estoy intentando crear una navbar que tenga las secciones repartidas una al lado de la otra dentro de la misma, pero se ...
Juanjo's user avatar
  • 67
0 votos
1 respuesta
62 vistas

¿Porque no funciona ninguna media query en mi css?

Estoy intentando hacer responsiva mi pagina web con media querys y bootstrap 5 pero parece haber algún tipo de conflicto. El caso esque las media querys no funcionan. He probado simplemente a cambiar ...
Unset's user avatar
  • 11
0 votos
0 respuestas
45 vistas

Como puedo alinear la etiqueda span en un input group con Bootstrap 5

Hola tengo un modal que muestra un bloque de controles ordenados con la clase input group que se acoplan al tamaño del texto. 1.- Quisiera saber como puedo hacer que los controles label se ajusten al ...
Rafael Saavedra's user avatar
0 votos
0 respuestas
34 vistas

Elimina los recursos que bloqueen el renderizado en bootstrap

realizando el mantenimiento y mejoramiento de la pagina haciendo de PageSpeed Insights me encuentro con el siguiente mensaje. De los cuales los 3 primeros css son propio y los demás son basados en ...
Carrobe90's user avatar
  • 680
4 votos
1 respuesta
720 vistas

Cambiar color de fondo a navbar de Bootstrap

Tengo un navbar sacado de bootstrap, y le quiero poner un color de fondo. Intenté cambiarle desde css el color de fondo al nav y no pasó nada. Intenté en el div container fluid y se cambió, pero queda ...
Juan Aliaga's user avatar
0 votos
0 respuestas
37 vistas

Desplegar Fullcalendar v5 dentro de un modal por cada fila de una tabla Laravel v9 Bootstrap v5

estoy desplegando el resultado de una búsqueda en una tabla. En cada fila de la tabla despliego ciertos datos y la tengo configurada como botón para desplegar un modal para mostrar la totalidad de los ...
Eduardo Tapia's user avatar
2 votos
1 respuesta
421 vistas

Con BOOTSTRAP 5 ¿Como hacer para que la barra lateral no haga scroll?

Muy buen día, tengo un problema con una barra lateral que hice con bootstrap al momento de hacer scroll en la página la barra lateral también lo hace Así se ve: y esto es lo que hace cuando hago ...
Charlie Wazzap's user avatar
0 votos
1 respuesta
36 vistas

Mostrar tres imágenes centradas con Bootstrap

Tengo tres imágenes con su overlay pero me salen de lado izquierdo. Lo que necesito es que queden centradas las tres imágenes con ayuda de Bootstrap usando el col.md, col.sm. <link href="https:/...
Alex  Flores's user avatar
0 votos
1 respuesta
81 vistas

Problema con formulario reactivo en Angular 14 y Bootstrap 5

el tema es el siguiente... tengo un pequeño formulario reactivo trabajado con Angular 14 y Bootstrap 5, el problema se da con las validaciones, ya que algunas no se logran visualizar en el template (...
BrianSabas's user avatar
1 voto
0 respuestas
29 vistas

¿como desplegar una opción del acordeón por medio de una opción en el navbar bootstrap 5?

Muy buenas noches, me encantaría saber como puedo desplegar una opción de un componente de bootstrap en este caso el acordeón, todo desde una de las opciones del navbar, ya que me gustaría crear desde ...
Horacio Chaverri Ortega's user avatar
1 voto
1 respuesta
148 vistas

¿Cómo colocar un botón en un popovers?

estoy tratando de poner un botón dentro de un popovers pero no me lo muestra el botón. Busque información y solo encontré que tengo que insertar el "data-html="true", pero no me ...
ALAN's user avatar
  • 23
1 voto
2 respuestas
111 vistas

¿Cómo habilitar un botón de registro de un formulario mediante un botón de un modal de Bootstrap5?

Estoy trabajando con un formulario en el cual el botón de registro se debe habilitar cuando se cumplan dos condiciones. La primera es que debe estar el formulario completo y la segunda es que mediante ...
Lucas's user avatar
  • 191
1 voto
1 respuesta
51 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. ...
ClaudioO's user avatar
0 votos
0 respuestas
11 vistas

Height entre divs Bootstrap 5.2

Bien, estoy usando un bootstrap 5 para crear un formulario, el problema es que aparece un espacio extraño entre mis divs. Aclaro, el estilo del formulario lo hago yo, pero ocupo su grid para ordenar ...
Aldahir Ruiz Valdez's user avatar
0 votos
0 respuestas
31 vistas

FORM VALIDATION PHP BOOTSTRAP VSCODE

quisiera su ayuda en poder resolver este asunto del uso del FORM VALIDATION, usando ajax, estoy usando el codigo de validacion. Aqui el codigo me reconoce los errores dentro de los input si esta vacio,...
Abel RO's user avatar
0 votos
1 respuesta
97 vistas

¿Cómo agregar texto dentro de un grid?

Lo que planteo es cómo añadir un texto con la etiqueta <p> para que quede dentro del Grid de cada caja. Ya que necesito poner debajo de la imagen la descripción del programa. Cuando añado el ...
Juan David's user avatar
0 votos
0 respuestas
33 vistas

Sidebar no funciona correctamente

Estoy realizando un Sidebar úncamente con html y css: Estaba usando bootstrap 4.5 y todo funcionaba bien, pero migré a bootstrap 5.2.3 y dejó de funcionar la parte de que no despliega los menús. &...
Jeshua Flako's user avatar
0 votos
1 respuesta
33 vistas

¿Cómo puedo hacer que mi formulario tome el 100% de su contenedor y no el 50% en bootstrap?

Estoy realizando el diseño de un formulario con Bootstrap, a mi formulario le di un width del 50% (w-50), pero al momento de adaptarlo a pantallas mas pequeñas este me sigue tomando el 50% quedando un ...
Israel's user avatar
  • 1
1 voto
1 respuesta
361 vistas

Personalizar Carousel Bootstrap 5 - Sacar flechas de la imagen + añadir previsualización de anterior y siguiente

El que tiene bootstrap tiene incluidas las flechas dentro de la imagen pero no soy muy fan ya que se pierde con la imagen, quisiera tener las flechas fuera del recuadro de la imagen, estuve jugando ...
Junkboy's user avatar
  • 35
0 votos
1 respuesta
260 vistas

¿Cómo puedo modificar Cards en Bootstrap 5 para que no se vea el contorno del card?

Estoy tratando de mejorar mi conocimiento con bootstrap y customizar CSS. Bootstrap tiene diferentes estilos de Cards. A continuacion dejo el más similar a lo que necesito: Solo que yo necesito en ...
Junkboy's user avatar
  • 35
1 voto
1 respuesta
161 vistas

Cómo modificar el modal de bootstrap 5? Quiero que sea un pop up transparente [cerrada]

Soy algo nuevo usando bootstrap, la configuración por defecto hace que tenga un fondo blanco con un banear superior con título. ¿Que quiero hacer? Necesito que al dar click a un botón de “Más ...
Junkboy's user avatar
  • 35
2 votos
2 respuestas
95 vistas

¿Cómo mover una columna de un Grid a la derecha?

Tengo la siguiente duda, quisiera saber si existe alguna manera de mover la columna que se encuentra en la segunda fila hacía la derecha, tome como ejemplo la imagen que aparece en la documentación de ...
Sotorius's user avatar
0 votos
0 respuestas
33 vistas

Botones escalonados en vez de justificados a la derecha

No consigo que los botones me salgan alineados a la derecha, utilizo bootstrap5. La pantalla me queda así: El código que tengo es el siguiente: @extends('app') @section('content') <div class=&...
Juan's user avatar
  • 1
0 votos
2 respuestas
57 vistas

BS 5 colapsar programaticamente

En las versiones anteriores de BS con jquery puedo ejecutar esto: function changes() { $('#demostración').collapse('toggle'); } para alternar mediante programación la vista collase de un elemento ...
ArcanisGK507's user avatar
  • 1,018
0 votos
0 respuestas
65 vistas

cargar php get en modal body bootstrap 5

tengo un modal normal, en una pagina y quiero en body cargarle una pagina php enviandole por metodo get un id la idea es en el modal-body cargar una pagina - (3modalact.php) enviandole el contenido de ...
alexis's user avatar
  • 1
0 votos
2 respuestas
321 vistas

Tengo inconvenientes con algunos estilos de mi CSS al instalar Bootstrap en Angular

Estoy aprendiendo y no he logrado encontrar solución a mi problema. Estoy utilizando Bootstrap en su ultima versión en mi proyecto de Angular, pero he tenido algunos problemas con los estilos que ya ...
Selene Chavez's user avatar
0 votos
1 respuesta
17 vistas

Grids Bootstrap 5 obtienen una debajo de la otra version móvil

Tengo las siguientes grids desarrolladas en bootstrap 5. Cuando se accede por smartphone, se ve así: ¿Cómo consigo que las grids estén una debajo de la otra, es decir, del mismo ancho que la card 5? ...
JM_2021's user avatar
  • 241
0 votos
0 respuestas
211 vistas

como ajustar los tamaños de card de bootstrap 5 segun el tamaño de un div padre

Hola buenas tardes estoy creando una api web pero tengo un problema estético, y es que tengo unos servicios que al traerlos de la base de datos los muestro en card de bootstrap 5, este esta adentro de ...
Michell Q. Hernandez's user avatar
2 votos
1 respuesta
126 vistas

problema con bootstrap cards group ycontenido en un div

espero me puedan ayudar, tengo un card group de 3 columnas que se muestran dinámicamente, en el index tengo el div contenedor dentro de la clase donde tiene que aparecer las cards en orden <div ...
proyectos globales de ventilac's user avatar
1 voto
1 respuesta
76 vistas

No puedo cerra un modal de bootstrap 5

El modal contiene un formulario, la idea es que al enviar el formulario y una vez tenga el contenido del mismo el modal se cierre. <div id="welcomeModal" class="modal" tabindex=&...
C.Mirkin's user avatar
0 votos
0 respuestas
31 vistas

Mi footer no se mueve cuando muestro un mensaje de advertencia

No estoy pudiendo hacer que mi footer se vaya para abajo cuando muestro un mensaje estilo alert. Asi es como se ve mi footer sin el mensaje: Pero con el mensaje, el boton "Buscar" se ubica ...
popo's user avatar
  • 127
0 votos
0 respuestas
53 vistas

No se aplica un custom color con CSS a Footer de Bootstrap 5

Estoy usando Bootstrap 5.2 en un proyecto que tiene un Navbar y un Footer, estoy aplicandole los colores de Spotify y logré cambiar el navbar correctamente en CSS con este color: (#191414) El ...
SadDeepLoper's user avatar
0 votos
0 respuestas
42 vistas

Cómo estructurar correctamente el contenido de este diseño web utilizando Bootstrap 5

Estoy realizando un proyecto en el cual debo maquetar correctamente el diseño del contenido web según el prototipo(imagen) que me dieron. Actualmente tengo un problema y es que no se como realizarlo ...
joan0627's user avatar
0 votos
1 respuesta
67 vistas

¿Por qué no me cargan las imágenes en mi web con dominio?

Algunas imágenes sí cargan y otras no, que tengo guardadas en mi `directorio ejemplo img/nombre_carpeta/1.JPG, img/nombre_carpeta/2.JPG, etc...en mi página web, con dominio, cuando veo que las fotos ...
Cristian Guerrero Nenen's user avatar
1 voto
1 respuesta
91 vistas

¿como puedo poner estas imagenes en un fila, sea responsive?

tengo un problema, cuando se muestra la web en mi pc, el tamaño de la seccion de noticias, se supone que deben ver un fila de 4 imagenes, pero solo me muestra 2 filas, donde la primera fila son las ...
Cristian Guerrero Nenen's user avatar