Preguntas con la etiqueta [bootstrap]
Bootstrap es un framework basado en HTML, CSS y Javascript pensado para el desarrollo adaptativo.
2,850
preguntas
0
votos
0
respuestas
15
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. ...
0
votos
2
respuestas
27
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 ...
0
votos
0
respuestas
20
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&...
1
voto
1
respuesta
23
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 ...
0
votos
1
respuesta
23
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
1
respuesta
31
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 ...
2
votos
1
respuesta
14
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 ...
1
voto
0
respuestas
22
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 ...
-1
votos
0
respuestas
34
vistas
Texto no es responsive dentro de la imagen CSS [cerrada]
generalmente resuelvo muchas cosas por este medio pero esto me rompre la cabeza,
Intente achicar agergar el font size en las media queries y el resultado es el mismo. Cuando llega a tamaño tablet el ...
0
votos
1
respuesta
20
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) ...
0
votos
0
respuestas
15
vistas
¿Cómo uso una hoja de estilos local y fontawesome a la vez? [cerrada]
no estoy seguro de cómo expresar esta duda, pero estoy aprendiendo CSS y quisiera incluír íconos de fontawesome. Sé que para usarlo, la manera más fácil (no local) es hacer
<link rel="...
1
voto
1
respuesta
22
vistas
Como modificar un datalist?
Tengo un dataliste con bootstrap y angular.
<label>Empleado *</label>
<input class="form-control" list="datalistOptions" placeholder="Selecciona...">
&...
0
votos
0
respuestas
8
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 ...
1
voto
1
respuesta
27
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 ...
-1
votos
3
respuestas
37
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/...
1
voto
1
respuesta
15
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 ...
1
voto
1
respuesta
47
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 ...
2
votos
1
respuesta
49
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 ...
1
voto
2
respuestas
27
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 ...
0
votos
2
respuestas
61
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 ...
3
votos
1
respuesta
39
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 ...
0
votos
1
respuesta
39
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,...
1
voto
0
respuestas
30
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, ...
1
voto
1
respuesta
27
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 ...
1
voto
0
respuestas
35
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 ...
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 ...
0
votos
0
respuestas
52
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ú ...
3
votos
0
respuestas
28
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, ...
3
votos
1
respuesta
39
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&...
0
votos
0
respuestas
36
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 ...
0
votos
0
respuestas
10
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.
&...
1
voto
2
respuestas
64
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 ...
0
votos
1
respuesta
18
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 ...
1
voto
2
respuestas
73
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 ...
0
votos
1
respuesta
27
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 (...
0
votos
1
respuesta
25
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=&...
0
votos
0
respuestas
24
vistas
Como hacer que funcionen multiples tabs con id unico sin que sean "id quemados o estaticos"?
Estoy trayendo tarjetas de base de datos las cuales con la información cargan las respectivas tabs.
La cosa es que como puede variar la cantidad de tarjetas que se carguen pues no puedo colocar id=...
0
votos
0
respuestas
22
vistas
¿Por qué el primer elemento de un no se pone activo en Bootstrap 4?
Tengo el siguiente code:
Nota: Solamente he removido el contenido de SVG para que el código no sea tan largo, el resto es igual.
<ul class="ulList navbar-nav mt-2 mt-lg-0 justify-content-...
1
voto
1
respuesta
38
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 ...
0
votos
0
respuestas
19
vistas
¿Como darle un efecto overlay en galeria de imagenes?
Estoy creando una galería de imágenes con Bootstrap, HTML5 , CSS3le quiero dar un efecto overlay,el detalle que tengo y hasta donde me he quedado es que al momento de darle un background a la clase ...
0
votos
0
respuestas
7
vistas
USAR VALIDACION DEL FORMULACION CON BOOTSTRAP5
a todos
tengo una duda respecto a como usar las validaciones del formulario de bootstrap5, usando JS vi algunos videos pero no pude entender bien.
--Este es el Js--
form.addEventListener('submit', ...
0
votos
0
respuestas
28
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="...
0
votos
2
respuestas
35
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....
0
votos
0
respuestas
27
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&...
0
votos
0
respuestas
13
vistas
¿Como crear un botón personalizado para pantallas móviles en bootstrap?
Actualmente el boton esta personalizado y funciona bien en todos los dispositivos, excepto pantallas xs por ende, quiero crear una personalizacion para este tipo de pantallas.
.btn {
cursor: ...
1
voto
1
respuesta
44
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.
<!...
0
votos
0
respuestas
20
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 ...
1
voto
2
respuestas
45
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-...
0
votos
1
respuesta
31
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í ...
3
votos
1
respuesta
64
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, ...