Skip to main content

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`.

54 preguntas con respuestas sin votos o no aceptadas
Filtrar por
Ordenado por
Etiquetadas con
3 votos
0 respuestas
43 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 ...
Avatar del usuario Juanjo
  • 121
2 votos
0 respuestas
251 vistas

Carousel dinámico de imagenes varias carpetas C#, Asp.Net core mvc?

Mostrar en carousel las imagenes que tengo en una carpeta, la ruta esta almacenada en mi DB en un campo llamado rutaCarpeta. Dentro del proyecto tengo creada la misma carpeta y es ahi donde esta el ...
Avatar del usuario dsr
  • 333
1 voto
0 respuestas
31 vistas

Acceso directo a la carpeta de bootstrap en node_modules

Estoy migrando un proyecto del trabajo de bootstrap v4 a v5 y en la nueva version se implementa el uso de variables sass y esto ayuda un monton, el punto es que quisiera saber de que manera puedo ...
Avatar del usuario Max Jimenez
1 voto
0 respuestas
238 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 ...
Avatar del usuario Sergio Domínguez
1 voto
0 respuestas
55 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 ...
Avatar del usuario Horacio Chaverri Ortega
1 voto
0 respuestas
199 vistas

Responsive mobile bootstrap 5 superposición de divs

estoy aprendiendo lo basico sobre html y css, iniciando en bootstrap y haciendo uso de scss, pasando mi primer proyecto a responsive, me encuentro con la dificultad de que ciertos divs se me ...
Avatar del usuario Nebularmess
1 voto
0 respuestas
210 vistas

Modal no abre al dar click en FullCalendar Laravel 8

El problema que tengo es sencillo y en cada tutorial que veo de como usan FullCalendar empiezo a seguir el paso a paso pero no puedo continuar de donde se añade el modal para ingresar la información, ...
Avatar del usuario Ivan David Martinez Torres
1 voto
0 respuestas
292 vistas

¿Cómo paso un dato a la vista modal para realizar una consulta?

estoy trabajando con bootstrap 5 , php y una conexión a base de datos PDO. Tengo una tabla que me bota una lista con información de los representantes, a esto le añadí un botón con el objetivo de al ...
Avatar del usuario Santiago Tulcanazo
1 voto
0 respuestas
45 vistas

¿Es posible mostrar un dropdown diferente dependiendo del dispositivo? con Bootstrap 5

Tengo el siguiente código que viene por defecto con el Bootstrap Auth de Laravel, lo que requiero es cambiar la dirección del contenido del dropdown dependiendo del tamaño de la pantalla del ...
Avatar del usuario Joseph
  • 653
0 votos
1 respuesta
49 vistas

Uncaught ReferenceError: require is not defined en vite cuando se hace npm run build

Estoy tratando de comprimir todas las dependencias de una plantilla que tiene bootstrap 5 y estoy usando vite para ellos cuando ejecuto npm run dev no me da ningun problema pero cuando hago el npm run ...
Avatar del usuario diego Jimenez
0 votos
0 respuestas
21 vistas

Change the width of a @Html.DropDownList in mvc5 Razor

estoy trabajando en un proyecto con MVC5 Razor y me gustaría cambiar el ancho de un @Html.DropDownList. He intentado varios enfoques, como modificar el estilo, cambiar las clases de Bootstrap e ...
Avatar del usuario Dominique Gonzalez
0 votos
1 respuesta
20 vistas

Mi botón con texto oculto muestra el texto al iniciar el sitio

Tengo un sitio creado con bootstrap. Cree 3 cards para poner 3 servicios que se ofrecen pero el texto que es la descripción del servicio lo quiero ocultar. Esto lo hice con una función en JavaScript. ...
Avatar del usuario Daniella Rodríguez
0 votos
1 respuesta
29 vistas

¿Cómo hago para hacer responsive los inputs group en Booststrap 5 para pantallas pequeñas con un max-width: 576px?

Este es el código, resulta que para pantallas medianas y grandes el queda con un formato responsivo adecuado; pero para pantalla con un max-with: 576px no queda bien. El input donde se coloca el texto,...
Avatar del usuario Melisa Maria Cronopio
0 votos
1 respuesta
167 vistas

Error Bootstrap Modal Cannot read properties of undefined (reading 'backdrop')

Necesito ayuda con este error ya intente varias cosas y no he podido resolverlo. El proyecto es con React, JSX y implemente bootstrap donde intento usar este modal fade pero al llamarlo mediante un ...
Avatar del usuario Erik Trujillo Juárez
0 votos
0 respuestas
10 vistas

como hacer un mapa con datos responsivo en laravel 8

solicito de su ayuda con una recomendacion. En mi trabajo mi gerente nos pidio desarrollar un proyecto para unos invernaderos el cual consiste en "dibujar" la forma de los invernaderos y ...
Avatar del usuario Christian Navarro
0 votos
0 respuestas
28 vistas

Ventana Modal con Bootstrap con Header, Body y Footer. Agregar tabla extendida en el Body

Buen día. Quiero diseñar una ventana Modal que muestre Un Header con título. Un Body que contenga un control de búsqueda (TextBox y Button arriba y Tabla abajo). Un Footer con dos Button (Cerrar y ...
Avatar del usuario Gabo77
  • 86
0 votos
1 respuesta
29 vistas

table-hover de Bootstrap deja de funcionar al eliminar todos los renglones de una tabla y agregar nuevos

Buen día estimados, les explico mi problema a ver si me pueden ayudar. Tengo un proyecto que usa Bootstrap v5. En el proyecto tengo una tabla a la que le apliqué la clase table-hover. IMAGEN 1: Tabla ...
Avatar del usuario Gabo77
  • 86
0 votos
1 respuesta
54 vistas

No se muestra el mensaje del tooltip con select2

No se muestra el mensaje del tooltip del segundo combobox al cambiar la opción del primer combobox. Estos combobox son dato de prueba, pero la forma de cómo se utiliza en los reales combobox es igual. ...
Avatar del usuario Sanchez Jesus
0 votos
1 respuesta
25 vistas

Cakephp 5 Form Helper ¿Cómo mostrar errores de validacion antes de enviar un formulario?

Estoy haciendo el tutorial cms de cakephp 5 con la validación de formularios de Boostrap 5. Al momento de querer enviar el formulario para probar la validación de los inputs, puedo ver que el HTML ...
Avatar del usuario Michael Scofield
0 votos
0 respuestas
15 vistas

¿como se muestra la segunda pagina?

una duda como hago para que se me muestre la información cuando uno hace compaginación en la segunda pagina de una tabla que no se como hacerlo y estoy peleando <div> <table class="...
Avatar del usuario Jorge Diaz
0 votos
1 respuesta
201 vistas

Cargar Plantilla de Bootstrap 5 en componentes vuejs

Estoy utilizando laravel 9 integrado con vuejs 3 en el mismo proyecto. Descargue una plantilla de bootstrap5 y la dividí en: Cabecera, Footer y Menu. Quiero que este dinámicamente su funcionalidad ...
Avatar del usuario Juanzu
  • 584
0 votos
1 respuesta
64 vistas

Porque mi barra de navegacion no se queda fija con la propiedad fixed en Angular?

Estoy haciendo una pagina web para moviles con la siguiente estructura en Angular: La idea es que la navbar permanesca en su sitio es decir, en el top aunque se dezplace uno en la pagina, es decir ...
Avatar del usuario Hey L1nk
  • 357
0 votos
1 respuesta
49 vistas

Sidebar ocultacion

tengo un main en bootstrap 5 que quiero que pase a ocupar todo el ancho de la pantalla cuando oculto la sidebar. <main id="mainElement" class="col-md-12 ms-sm-auto col-lg-12 px-md-4&...
Avatar del usuario Zeta
  • 13
0 votos
1 respuesta
25 vistas

Buenas tardes, tengo un problema con el tema de la hamburguesa que se adapta a celular de Bootstrap 5

<header> **header de la hamburguesa** <nav class="navbar navbar-expand-lg navbar-light "> <div class="container-fluid"> <a class=&...
Avatar del usuario Carolina Lobo
0 votos
1 respuesta
89 vistas

botón de volver html+php+form

Hola estoy haciendo un formulario en html que tiene php de back end para el submit.Uso el método post para tomar los datos del form y persistirlos en mysql. Estoy utilizando el atributo "...
Avatar del usuario Karina Beatriz Bouza
0 votos
0 respuestas
66 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 ...
Avatar del usuario Alexa
  • 1
0 votos
0 respuestas
41 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"> <...
Avatar del usuario Joe
  • 783
0 votos
1 respuesta
238 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"> <...
Avatar del usuario Irvin
  • 3
0 votos
1 respuesta
42 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-...
Avatar del usuario Juanjo
  • 121
0 votos
0 respuestas
97 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 ...
Avatar del usuario Rafael Saavedra
0 votos
1 respuesta
86 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:/...
Avatar del usuario Alex  Flores
0 votos
0 respuestas
51 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,...
Avatar del usuario Abel RO
0 votos
1 respuesta
130 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 ...
Avatar del usuario Israel
  • 1
0 votos
0 respuestas
51 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=&...
Avatar del usuario Juan
  • 1
0 votos
2 respuestas
597 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 ...
Avatar del usuario Selene Chavez
0 votos
1 respuesta
48 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? ...
Avatar del usuario JM_2021
  • 241
0 votos
0 respuestas
429 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 ...
Avatar del usuario Michell Q. Hernandez
0 votos
0 respuestas
35 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 ...
Avatar del usuario popo
  • 127
0 votos
0 respuestas
86 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 ...
Avatar del usuario SadDeepLoper
0 votos
0 respuestas
71 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 ...
Avatar del usuario joan0627
0 votos
0 respuestas
109 vistas

¿Como hacer el efecto glow/borroso que esta implementando Youtube?

En la ultima actualización de Youtube, Google ha metido un efecto glow detras de los video. Lo llama "cinematicmode" que coge el video en cuestión y crea el haz de luz ese mientras se va ...
Avatar del usuario Imanoldt
0 votos
0 respuestas
180 vistas

No cerrar modal Bootstrap si el formulario de registro, tiene un error

Tengo un formulario de registro en Bootstrap, pero si algún campo tiene un error el mismo se cierra pero mantiene la información, al volver hacer clic en el botón registrar se muestran los datos y el ...
Avatar del usuario Joe
  • 38
0 votos
1 respuesta
658 vistas

Error de conexión en Apps Script - TypeError: Cannot read property 'getSheetByName' of null

Tratando de hacer un formulario en Apps Script, da el error: "TypeError: Cannot read property 'getSheetByName' of null (línea 20, archivo "Código")" En el documento Código.gs, ...
Avatar del usuario user20266964
0 votos
0 respuestas
90 vistas

Maximum call stack size exceeded | error al abrir un canvas desde jquery

tengo el siguiente problema, tengo un boton tipo href que llama a traves de la clase "openRightModal" a un evento que consulta la base de datos, funciona de maravilla solo 2 veces, si el ...
Avatar del usuario Abdiel Hernandez
0 votos
0 respuestas
348 vistas

Activar un enlace usando Bootstrap 5

Deseo que mi menú de navegación se active con un color definido según la navegación del usuario. Mi primer enlace lo tengo activado con un color establecido. Sin embargo, al cambiar de enlace no ...
Avatar del usuario Daniel Rico
0 votos
0 respuestas
30 vistas

¿Cómo puedo mantener un div en una posición determinada en un diseño responsive?

Tengo un menú de navegación creado con bootstrap, dentro de dicho menú tengo una lista de links y una lista de íconos separados cada uno en dos div, el problema es que quiero que en todo momento de mi ...
Avatar del usuario Rodrigo
0 votos
0 respuestas
51 vistas

Tengo una duda de como hacer mi html responsivo con boostrap5

Actualmente estoy haciendo un solitario y en mi html uso div y ul, ya agregue los links de boostrap y las clases a los div y a los ul que están dentro del div, pero por alguna razón no se vuelve ...
Avatar del usuario Celsor
  • 1
0 votos
0 respuestas
36 vistas

no se me rellena el el div por la izquierda

uso bootstrap e hice una row y en ella meti el col-12 que solo tengo un texto y una clase que me rellena de un color especifico la columna, pero me deja un hueco a la izquierda y no se porque. Es en ...
Avatar del usuario FranyxD
  • 671
0 votos
0 respuestas
87 vistas

¿ Por que mi table-responsive no funciona bien en moviles?

Estoy trabajando con BootStrap y en ordenador todo se ve bien, pero cuando lo veo desde un movil aparece algo invisible a la derecha que me genera un espacio transparente. Ya me di cuenta que es la ...
Avatar del usuario Mateo Guio
0 votos
0 respuestas
501 vistas

¿Cómo puedo cargar una ventana modal con datos de una consulta?

tengo un problema que no se por donde empezar; les cuento tengo un formulario con datos de una consulta realizada a mysql, uso php para programar. Los resultados de la consulta se muestran en una ...
Avatar del usuario Santiago Tulcanazo