Preguntas con la etiqueta [bootstrap]

Bootstrap es un framework basado en HTML, CSS y Javascript pensado para el desarrollo adaptativo.

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

¿Cómo evitar que un Datalists de Bootstrap se mueva al hacer scroll?

<body> <div class="container pt-5"> <label for="exampleDataList" class="form-label">Datalist example</label> <input class="form-control" list="datalistOptions" id="...
Avatar del usuario Mike Mahan
2 votos
0 respuestas
75 vistas

Cómo ocultar menú responsivo, al momento de disminuir dimensiones de pantalla (smartphone)

tengo un típico panel de administración con su menú lateral izquierdo funcionando todo ok, es responsivo y demás. El tema es que al momento de diminuir la dimensión de la pantalla, ya sea a una ...
Avatar del usuario Emerson
  • 89
0 votos
0 respuestas
182 vistas

¿Cómo mostrar un modal en net core?

espero me puedan apoyar comunidad, Estoy realizando una aplicación donde al dar de baja un empleado, quiero que salga un modal con un textarea para enviar comentarios de MotivBaja, pero el detalle es ...
Avatar del usuario Hectorepg
  • 402
0 votos
1 respuesta
129 vistas

¿Cómo arreglo el sidebar para que ocupe todo el espacio verticalmente?

Estoy teniendo dificultades para ajustar el tamaño vertical del sidebar en mi sitio web. Actualmente estoy utilizando Bootstrap y Jinja2 para desarrollar mi sitio. Quiero que el sidebar ocupe todo el ...
Avatar del usuario Julian CP
1 voto
1 respuesta
201 vistas

ventana modal bootstrap

Hace tiempo vengo desarrollando un porfolio web online según las especificaciones de un curso. hace poco decidí colocar en la navbar un dropdown de bootstrap con las opciones de configuración e ...
Avatar del usuario enzo fernandez
0 votos
0 respuestas
78 vistas

Fondo de Imagen en Modal

Buen día Quería consultar, es posible, poner una imagen de fondo cuando se abre una modal? Es decir, quiero que se muestre la imagen por detrás de la modal. Lo intenté, y con colores me funciona, le ...
Avatar del usuario Cristian Flores
0 votos
1 respuesta
101 vistas

Modal queda por debajo de la sombra

Estoy trabajando en Ionic 6/Angular y usando Bootstrap 4. Cree una barra lateral que desde ahí se activan los distintos Modal que manejaré. Pero haciendo la primera prueba el modal me está fallando. ...
Avatar del usuario Carlos
  • 127
0 votos
2 respuestas
55 vistas

¿por que no me acomoda bien el icono?

buen día compañeros, tengo un problema, la verdad es que a la parte de diseño no le se mucho, ahorita lo que quiero es acomodar un icono al lado de un texto. pero no me deja. y en lugar de ponerlo a ...
Avatar del usuario lemuel Ayanot fuentes Ayala
0 votos
0 respuestas
32 vistas

No logro ensanchar modal Bootstrap

Tengo una ventana modal para asociar una propiedad a un formulario, pero el modal aparece muy angosto y parece estar debajo del navbar superior: El codigo html es: <div id="modalPropiedades&...
Avatar del usuario Caruso
  • 921
1 voto
1 respuesta
483 vistas

¿Cómo cambio el color del borde de fuera de un button?

Estoy haciendo un login con Bootstrap y quería hacer un cambio a la línea exterior del botón que es de color azul a rosa. Probé lo siguiente pero no funciona, pude cambiar todo menos lo que les ...
Avatar del usuario Gabriel Martinez
0 votos
1 respuesta
182 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
152 vistas

¿Cómo crear un accordeon multiple?

Estoy trabajando en Ionic 6 / Angular. He creado un componente accordeon con bootstrap 4 y css nativo. No me había percatado de que al duplicar este componente y querer abrir sólo uno de los accordeon ...
Avatar del usuario Carlos
  • 127
2 votos
1 respuesta
29 vistas

¿Cómo puedo centrar en el medio de una tarjeta un icono sin tener que modificar su padding-top?

Estoy utilizando una tarjeta responsive de Bootstrap y sin modificar nada queda el ícono en el margen superior de la tarjeta. Al momento de probar su desempeño responsive funciona bien ya qué el ícono ...
Avatar del usuario Lucas
  • 191
1 voto
0 respuestas
34 vistas

Iconos dentro del header de un acordeon

Tengo el siguiente header de un acordeón, y algunos iconos del div del col-3 tienen función, pero si los presiono, aparte de ejercer una función js asignada, también abren o cierran el acordeón. ¿cómo ...
Avatar del usuario Gonzalo Cofré Vera
0 votos
1 respuesta
26 vistas

filtrar por current date

como le agrego una condicional a esta funcion para que solo me imprima los eventos futuros al currentdate que me ya me dieron en otra pagina de data.js? function cargarTarjetas(eventsArray, container) ...
Avatar del usuario Cami Camacho
1 voto
1 respuesta
203 vistas

Como modificar un datalist?

Tengo un dataliste con bootstrap y angular. <label>Empleado *</label> <input class="form-control" list="datalistOptions" placeholder="Selecciona..."> &...
Avatar del usuario Eduardo Guerrero
0 votos
0 respuestas
44 vistas

FullCalendare , modal

Estoy tratando de mostrar un calendario dentro de una ventana modal con FullCalendare , pero este no se muestra , sino se ejecuta un proceso como cerrar y abrir consola del navegador. alguna ayuda por ...
Avatar del usuario Leo
  • 1
1 voto
1 respuesta
68 vistas

Búsqueda en datatables sin importar el orden de las palabras serverside datatables-mysql

Buen día, he probado el plugin de Datatables y todo esta perfecto. mi duda es la siguiente. Realizo la búsqueda de "juan perez" y lo encuentra, pero si busco "perez juan" no lo ...
Avatar del usuario Fernandosho
-1 votos
3 respuestas
337 vistas

Generar select de Bootstrap-select con optgroups + data-subtext

estoy intentando mostrar un select de empleados con Bootstrap-select usando esta función. function listar_empleados() { funcion = "listar_empleados"; $.post("/bureau-veritas/...
Avatar del usuario Oscar Quevedo
1 voto
1 respuesta
61 vistas

¿Cómo hacer responsive tarjetas ubicadas en el footer de la página?

Estoy trabajando en el footer de la página y coloqué unas tarjetas de Bootstrap separadas con CSS(lo que pienso que puede ser uno de los errores) y me gustaría que fueran responsive lo cual cumplen ...
Avatar del usuario Lucas
  • 191
1 voto
1 respuesta
269 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 ...
Avatar del usuario ALAN
  • 23
2 votos
1 respuesta
774 vistas

Plegar y desplegar de un acordeón Bootstrap mediante un menú desplegable

Necesito ayuda con el elemento Accordion de Bootstrap. Lo que necesito hacer es que al seleccionar una opción del menú desplegable (<select>) muestre u oculte el elemento del acordeón, para ...
Avatar del usuario lamadrequemepario_dev
1 voto
2 respuestas
326 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 ...
Avatar del usuario Lucas
  • 191
0 votos
2 respuestas
291 vistas

¿Como añado un placeholder a un input de datatables que utiliza javascript?

Quiero añadir un placeholder que diga "Buscar" en un input dónde estoy utilizando Datatables de Bootstrap. Revisé las líneas de código del archivo js qué utiliza Datatables pero no tuve ...
Avatar del usuario Lucas
  • 191
3 votos
1 respuesta
76 vistas

Sincronizar NavBar Bootstrap 5 sin usar PHP

Estoy creando una web, la cual tendrá muchas sub páginas y quiero incluir una NavBar en todas ellas, estoy trabajando con boostrap 5 y quiero saber si hay alguna forma de crear una única NavBar y ...
Avatar del usuario Aarón Rojas
0 votos
1 respuesta
359 vistas

¿Cómo cambiar el color de la fila de una tabla dependiendo del option de un select?

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,...
Avatar del usuario luis antonio
1 voto
0 respuestas
105 vistas

¿Como crear un formulario de login responsivo con bootstrap 4?

Lo que deseo lograr se puede apreciar en el siguiente enlace: Objetivo Estuve todo el dia buscando informacion pero no pude lograrlo directamente con bootstrap. Sin embargo, con muchas reglas CSS, ...
Avatar del usuario Carlos
  • 865
1 voto
1 respuesta
48 vistas

¿Cómo habilitar botón al tener el formulario completo?

Necesito habilitar el botón de registro cuando el formulario este completo. Tengo dos selectores de opciones los cuales deben ser seleccionados con la información que contienen. Cuando el formulario ...
Avatar del usuario Lucas
  • 191
1 voto
0 respuestas
253 vistas

¿Como crear un footer responsivo en bootstrap?

Mi idea es crear un footer responsivo (que sirva para todas las pantallas) y que siempre quede debajo. Esto último no sucede, cuando reduzco el tamaño del navegador web, el footer tapa a los inputs ...
Avatar del usuario Carlos
  • 865
0 votos
0 respuestas
329 vistas

Como cambiar el fondo y la letra de un menú bootstrap segun el tamaño de la pantalla

estoy haciendo un menú transparente encima de un carrousel en bootstrap y me surgen dos problemas. El primero es que la letra del menú es blanca y cuando hago la pantalla pequeña y activo el menú ...
Avatar del usuario jbort
  • 447
3 votos
0 respuestas
37 vistas

Colocar imágenes con diseño adaptable usando bootstrap y HTML [cerrada]

Tengo 15 imágenes que colocar en el cuerpo del HTML. Sólo puedo usar HTML y bootstrap, nada más. Necesito hacer uso del diseño adaptable para que quede así: en pantallas grandes 5 imágenes por fila, ...
Avatar del usuario MA___
  • 41
3 votos
1 respuesta
715 vistas

¿Como crear una card con una imagen de fondo con opacidad del 10%?

Estoy intentando crear una card de boostrap cuyo fondo sea una imagen que ocupe el 100% y sea casi transparente sin que afecte el resto de elementos. De momento no lo he logrado. <div id="app&...
Avatar del usuario Carlos
  • 865
0 votos
0 respuestas
90 vistas

No puedo editar nada (HTML, CSS, Bootstrap)

Cada vez que uso bootstrap, cuando intento ponerle un fondo de color a los section, padding, o una imagen de perfil, nunca cambia nada. ¿Por qué es? Gracias. ``` <!DOCTYPE html> <html ...
Avatar del usuario Carolina
1 voto
2 respuestas
303 vistas

Como darle una transicion a un elemento HTML que ejecuta un onclick?

Mi pregunta radica en si es posible darle una transición con css a un elemento html que ejecuta una funcion js mediante el onclick. Actualmente funciona todo, pero no puedo darle una transicion con ...
Avatar del usuario Gonzalo Martinez
0 votos
1 respuesta
94 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
2 votos
4 respuestas
814 vistas

¿Cómo lograr ocultar un menú al dar clic en alguna opción?

Estoy creando un menú adaptable a dispositivos móviles. Para modo escritorio todo perfecto, pero al momento de hacerlo responsiva, al dar clic al ícono hamburguesa, me arroja bien las opciones; lo que ...
Avatar del usuario Miguel
  • 443
0 votos
1 respuesta
106 vistas

Pestaña activa muestra información de otra pestaña

Resulta que tengo un problema con las pestañas en una seccion de la pagina que estoy trabajando. Cuando se carga la pagina, aparece activa la pestaña Propietarios, pero la informacion que muestra (...
Avatar del usuario JMF
  • 3
0 votos
1 respuesta
43 vistas

¿Por qué se superponen el título y los filtros?

Tengo el siguiente code: <div class="card-header bg-white"> <div id="people-filters" class="bg-white"> <form method="POST" action=&...
Avatar del usuario Carlos
  • 865
1 voto
1 respuesta
102 vistas

¿Como posicionar el efecto overlay sin que se salga de la clase padre?

Estoy creando una galería de imágenes con Bootstrap, HTML5 , CSS3, quiero dar un efecto overlay, el detalle que tengo y hasta donde me he quedado es que al momento de dar un background a la clase ...
Avatar del usuario Miguel
  • 443
0 votos
0 respuestas
97 vistas

Input type="submit" en modal de Bootstrap no funciona

Estoy haciendo un CRUD para las tablas de mi base de datos y estoy utilizando tres modals: crear, editar y eliminar. El modal de crear y eliminar funcionan correctamente pero el input type="...
Avatar del usuario José Guerrero
0 votos
2 respuestas
481 vistas

¿Cómo aplico mis estilos css por encima de los de Bootstrap? A pesar de hacer el link despues no funciona

Estoy haciendo una página sencilla con una API de newsApi. Aplico estilos de bootstrap cuyos archivos están descargado y posteriormente aplico mis propios estilos, pero no veo ningun cambio....
Avatar del usuario Redox
  • 5
0 votos
0 respuestas
37 vistas

¿Por qué se deforma esta imagen en dispositivos XS? Bootstrap 4

Tengo lo siguiente: <!--Hide on screens wider than sm--> <div class="d-md-none d-lg-none d-xl-none col-sm-12 col-xs-12 pl-4"> <div class="container-fluid&...
Avatar del usuario Carlos
  • 865
1 voto
1 respuesta
557 vistas

¿Cómo alinear los item de dropdown-menu a la izquierda?

Que tal amigos de esta comunidad, vengo con un detalle de un dropdown-menu el cual al momento de desplegar los item se posicionan al lado derecho y quiero que se posicionen al lado izquierdo. <!...
Avatar del usuario Miguel
  • 443
0 votos
0 respuestas
185 vistas

Diseño responsivo carrusel Bootstrap 5 y mostrar imágenes diferentes

Tengo un carrusel con Bootstrap 5, en la PC se ve bien pero cuando se visualiza en un dispositivo móvil la altura del carrusel cambia y las imágenes se ven alargadas. ¿Alguien sabe cómo corregir el ...
Avatar del usuario Auditore Project
1 voto
2 respuestas
420 vistas

Adaptar botones en pantallas grandes y pequeñas con Bootstrap

¿Es posible adaptar dos botones para que, en pantallas grandes, estén uno al lado del otro, pero en pantallas pequeñas uno este arriba y otro abajo? Tengo el siguiente código: <div class="text-...
Avatar del usuario Carlos
  • 865
0 votos
1 respuesta
101 vistas

¿Cuál es la opción para que un modal no se cierre con la tecla ESCP? Bootstrap 5

Con estas opciones configuro inicialmente el modal. configBackdrop = { animated: true, keyboard: true, backdrop: true, class: 'modal-lg', ignoreBackdropClick: true, }; Y así ...
Avatar del usuario Desarrollador
4 votos
1 respuesta
117 vistas

Carrusel de Bootstrap retrocede a la imagen anterior solo

Cuando le doy a cualquiera de los controladores pasa a la siguiente y a su vez, retrocede a la primera imagen. He comprobado que no son los enlaces de Bootstrap y el HTML es un copia y pega del mismo, ...
Avatar del usuario IndexOutOfBounds
0 votos
1 respuesta
445 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 ...
Avatar del usuario Junkboy
  • 35
0 votos
1 respuesta
40 vistas

Como ocultar una parte del codigo en celulares y otra parte en pantallas mas grandes?

Tengo dos div, cada uno tiene una card de bootstrap diferente. Una debe mostrarse en dispositivos chicos y otras en grandes. <div class="big"> </div> <div class="small&...
Avatar del usuario Carlos
  • 865
1 voto
1 respuesta
360 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 ...
Avatar del usuario Junkboy
  • 35