Preguntas con la etiqueta [bootstrap-4]
Esta etiqueta se refiere a la versión 4 del conocido framework Bootstrap. Es recomendable usarla con la etiqueta bootstrap, pero nunca junto con `bootstrap-3`.
525
preguntas
0
votos
1
respuesta
13
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
19
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-...
0
votos
0
respuestas
26
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
12
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
2
respuestas
36
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
26
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&...
0
votos
1
respuesta
22
vistas
Como hacer una Boostrap Card responsiva que sirva toda tipos de dispositivos?
Actualmente estoy usando Bootstrap 4.1.3 con Vue.js 2.5.17 y tengo un componente de Vue.js llamado 'c-card.vue', esta card no se adapta a celulares, por lo que quiero hacer una card especifica para ...
0
votos
0
respuestas
9
vistas
Adaptar tabla con imagenes (4x3) con efecto :hover a bootstrap para movil (un toque :hover, doble toque URL)
Cada imagen se sustituye por otra de igual tamaño y que enlaza con una URL.
Para no utilizar tabla, quiero saber cuál es la mejor fórmula, si por lista ordenada, tarjetas o columnas. En ordenador el ...
0
votos
0
respuestas
36
vistas
No me manda a la URL / página que le indico
Estoy haciendo un proyecto en ReactJS, en el cual en el archivo App.js quiero usar el menú de navegación de Bootstrap para llamar todas la páginas.
Esto es el archivo App.js:
import React from 'react';...
1
voto
0
respuestas
32
vistas
¿como hacer un text-truncate de 2 líneas?
En algunos casos de mi pantalla, dependiendo del dispositivo, no se alcanza a ver el título completo de lo que escribo, se ve así:
TITULO 1 TIT.... Aquí quedaría ya incompleto debido al text-truncate, ...
0
votos
0
respuestas
12
vistas
La programacion de los eventos de los botones que tenia en el "shown.bs.modal" la tuve que mover al "done" del ajax que muestra el dialogo
Necesito me expliquen la siguiente situación, tal vez se trate de problema de propagación de eventos.
Actualizando de AdminLTE2 a la version 3 (ahora con Bootstrap 4.6) me he encontrado con una serie ...
1
voto
1
respuesta
27
vistas
Problemas con select option de html en bootstrap
Tengo un select que me muestra una lista de colores, ya logre colocar los colores en las letras y un icono de fontawesone en cuadrado, pero mi problema viene cuando selecciono un elemento de la lista ...
0
votos
0
respuestas
19
vistas
la tabla html se sale del borde en microsoft edge y en chrome no carga el estilo
estoy tratadon de crear un template en django pero cuando lo renderizo la tabla se sale del borde. y cuando lo abro en google chrome se ve como si no hubiera archivo de de estilo cusndo estoy usando ...
0
votos
0
respuestas
32
vistas
Bootstrap 4 carousel no funciona
Estoy armando un carousel múltiple con bootstrap 4. Se me presentó el problema que no gira: se queda con las imágenes estáticas, pero en la página de donde saqué el ejemplo sí funciona y cuando lo ...
2
votos
2
respuestas
60
vistas
¿ Como cambiar el color de varias listas desplegables con css?
Estoy tratando de crear un menú lateral en que tengo varias listas desplegables.
Estoy utilizando Bootstrap pero aún necesito aprender más. Cuando paso el ratón por los diferentes elementos del menú, ...
0
votos
0
respuestas
18
vistas
Problemas con diseño del input en Select2 Multiple
Estoy experimentando problemas con los estilos de Select2 de tipo Multiple usando modal de Bootstrap. Al momento de Seleccionar Todo, el diseño orginal sufre alteraciones y los elementos se descolocan ...
2
votos
1
respuesta
72
vistas
Hacer clic en un botón con un icono no funciona correctamente
Tengo una tabla con varios botones, uno de ellos sirve para duplicar la última fila de la tabla.
Tengo el siguiente código:
<a class="btn btn-sm float-right btn-primary text-white" title=&...
0
votos
0
respuestas
97
vistas
Error con input tipo file con bootstrap y angular
Tengo este formulario
<form class="was-validated">
<div class="mb-3">
<div class="input-group is-invalid">
<div class="input-group-prepend">
<label ...
0
votos
1
respuesta
29
vistas
El modal de Bootstrap no me genera el modal y cuando lo genera no me permite cerrarlo
Hice un modal con Bootstrap, recibe la información, sin embargo al picar en el botón, no me permite visualizarla, puede ser por el atributo class, sin embargo, ninguna configuración me lo soluciona. ...
0
votos
1
respuesta
502
vistas
Formato de ventana modal con formulario
Gente, buenas!!
Estoy intentando realizar una ventana modal con el siguiente formato con bootstrap 4.6:
Pero al realizar el código, la ventana se muestra de la siguiente manera y no entiendo por que:
...
0
votos
0
respuestas
5
vistas
Falla el crear un template para un paginador en Codeigniter 4
Estoy haciendo un paginador para una tabla donde muestro una lista de sucursales.
Debido a que las consultas se hacen directo a un API en CI4 hubo que darle la vuelta, para que regrese el valor ya ...
0
votos
2
respuestas
476
vistas
¿Cómo alinear botones en HTML con Bootstrap 4 a la izquierda, centro y derecha?
Tengo el siguiente código:
<!-- Esta linea simplemente es para tener bootstrap en el ejemplo -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" rel="...
0
votos
0
respuestas
77
vistas
Eliminar las clases .d-md-block y d-none de Bootstrap 4 de carousel-caption desde Angular
Quisiera eliminar las clases .d-md-block y d-none de Bootstrap 4 desde Angular. Necesito borrarlas porque el título del carrusel no es visible en dispositivos pequeños y porque encontré que es la ...
0
votos
0
respuestas
75
vistas
Problemas con tabs y formulario bootstrap
Tengo un problema creando un formulario en boostrap, el cual en parte del formulario debe ir dos tabs con cada uno campos alineados como en esta foto de ejemplo:
Si se fijan, es un formulario el cual ...
0
votos
0
respuestas
34
vistas
Como Puedo realizar esta rejilla con bootstrap 4?
Tengo la sigiente rejilla realizada con CSS GRID
Me piden que la realize usando el sistema grid de Bootstrap 4. y por mas que intento no logro hacer que encaje. La verdad comienzo a preguntarme si ...
-1
votos
1
respuesta
289
vistas
Cuadro de texto BOOTSTRAP 4.0 [cerrada]
Trato de hacer un cuadro de dialogo como este en Bootstrap 4.0
¿Ideas?
2
votos
1
respuesta
49
vistas
Maquetación extra pequeña en Bootstrap se rompe
Estoy realizando un layout para practicar con la grilla de Bootstrap, sucede que para dispositivos mas allá de 576px todo bien, ocurre cuando es menos que eso que realmente se pone todo en una sola ...
1
voto
1
respuesta
81
vistas
¿Cómo puedo distribuir una serie indefinida de checkboxes en dos o más columnas?
Tengo esta vista, generada con Spring-boot y Thymeleaf y usando Bootstrap 4 en la que la cantidad de checkbox es indefinida por que vienen de la base de datos:
La ventana no es redimensionable por el ...
1
voto
1
respuesta
155
vistas
html con modal bootstrap estilo confirm
Intenté con lo poco que se de javascript y hasta con jquery pero estoy trabado hace dias. El codigo que copio abajo al clickear en el icono lapiz de bootstrap me ejecuta un confirm, si le doy "no&...
0
votos
1
respuesta
490
vistas
el modal de bootstrap no me funciona
quisiera saber porque el modal de mi bootstrap 4.5.0
el modal cuando le hago click no hace nada, no errores en consola ni nada, ejecuta las clases pero no muestra nada en el navegador
muestro la ...
0
votos
1
respuesta
128
vistas
¿Cómo pasar parámetros diferentes en tabs bootstrap?
Buen día. Tengo un formulario al que le quiero mandar diferentes parámetros dependiendo del tab que tenga seleccionado. Estoy trabajando en bootstrap 4. Lo que está pasando es que el input "tipo&...
0
votos
1
respuesta
52
vistas
¿Hay alguna manera de aplicar un espacio definido por mí mismo entre rows del sistema grid de bootstrap?
tengo aplicado el system grid de bootstrap en un formulario de html, sucede que entre rows (filas) creo un espacio a través de etiquetas br que según mi criterio y necesidad es muy grande:
Lo ...
0
votos
1
respuesta
29
vistas
¿Cómo aplicar una alineación de elemento div en todos los tamaños de pantallas menos en el más pequeño en bootstrap 4?
estoy trabajando con la alineación de elementos div en html con bootstrap, me gustaria saber si puedo aplicar una alineación (right) a un elemento div en los tamaños de pantalla sm, md, lg y xl y en ...
0
votos
1
respuesta
156
vistas
Centrar input en formulario
Tengo un formulario en Bootstrap 4.5 que tiene un input y quiero centrarlo. He intentado con
d-flex justify-content-center y también con text-center.
En qué me estoy equivocando?
<div class="...
2
votos
2
respuestas
375
vistas
Colocar botón a la derecha del navbar, pero a la izquierda en dispositivos móviles
Estaba probando bootstrap y me he topado con esta situación: siguiendo con la demo de la documentación he intentado posicionar el botón de cerrar sesión a la derecha del navbar cuando la pantalla está ...
2
votos
2
respuestas
347
vistas
¿Como hago que una imagen se mueva a la derecha?
Tengo este contenido en un HTML:
Es un contenido gradiante responsivo que contiene dos imagenes (la X y la estrella).
El codigo lo tengo de la siguiente manera:
<div style="background: linear-...
1
voto
0
respuestas
187
vistas
Configuraciones para impirmir con react-to-print y react?
Tengo ciertas dudas al imprimir usando react-to-print ya que al momento de querer imprimir cualquier objeto me queda de la siguiente forma:
y yo no quiero que se imprima de la siguiente forma yo ...
1
voto
0
respuestas
203
vistas
¿Cómo evito que un div se posicione encima de otro?
Tengo esto hecho en CSS y todavía no he podido dar con que el rightside cuando hago más pequeña la ventana del navegador, no se sobreponga al leftside me gustaría que quedara simplemente debajo.
&...
0
votos
1
respuesta
113
vistas
"Toast" se oculta de manera automatica bootstrap + vue
Resulta que tengo este codigo que copide del mismo documento de bootstrap+vue y tengo un problema que es que se oculta de manera automatica y solo se puede ver por unos segundos el contenido
<...
1
voto
1
respuesta
78
vistas
¿Cómo evitar sobreposiciones de contenido en etiquetas div?
Tengo una tabla que muestra registros, ocupa la mitad de todo el monitor y la otra parte lo tiene ocupado un formulario pequeño.
Todo bien ahí, cuando intento redimensionar la ventana, el contenido ...
1
voto
1
respuesta
35
vistas
Cómo mostrar las mismas Cards de Bootstrap tanto en PC como en Mobile
Estoy usando un UI KIT basado en Bootstrap 4 (v4.5), a mi index le agregué un card-group de 3 cards que en la PC se mira bien, sin embargo no logro que se vean igual en Mobile.
Busco que esas 3 cards ...
0
votos
3
respuestas
223
vistas
Nav-bar no ocupa el 100% de alto
Hola estoy usando la plantilla de Start Bootstrap, pero veo que cuando mi pagina es algo larga no ocupa el 100% de alto :
Como pueden apreciar en la imagen deja un espacio en blanco faltante.
Codigo ...
1
voto
1
respuesta
281
vistas
¿Por qué no se refleja el datatable en mi tabla?
Desconozco el por qué no puede aplicarse el datatable a la tabla que tengo cuando sigo los pasos para añadirlo, he intentado con realizar nuevamente todo desde el inicio pero aún así sigue sin ...
1
voto
1
respuesta
54
vistas
¿Como alinear los imputs que están dentro de un row para que tengan la misma proporción?
<form>
<div class="row">
<div class="col sm-col-12 align-items-center">
<div class="row ">
<div class="form-...
0
votos
1
respuesta
35
vistas
¿Como puedo alinear el texto frente al icono como en la imagen?
necesito alinear la imagen como se muestra ya que tal cual lo tengo se muestra en la parte de arriba
<div class="row ">
<img class="icono-whats" src="assets/...
-1
votos
1
respuesta
62
vistas
Degradado con css
Hola a todos me encuentro haciendo una pequeña vista para un formulario de acceso, el problema resulta es que no se como acomodar el siguiente degradado dentro de la pantalla, hasta el momento tengo ...
0
votos
1
respuesta
108
vistas
¿Cómo pausar un video al cerrar una modal y reproducirlo automáticamente con Bootstrap 4?
espero me puedan ayudar!
Tengo el siguiente modal:
<div class="modal fade " id="videoModal" tabindex="-1" role="dialog" aria-labelledby="...
0
votos
0
respuestas
24
vistas
problema con duplicidad de informacion al abrir una modal
Buenas noches tengo un problema cuando voy a insertar un comentario a un reagistro ya hecho tengo q abrir una modal.. en ella la primera vez aparece agregar comentario a : "nombre de usuario"...
0
votos
0
respuestas
430
vistas
refrescar una modal en bootstrap sin que se cierre luego de realizar un update
tengo una duda segun yo bootstrap tiene una opcion que te refresca su modal luego de una ejecucion como agregar o modificar... asi como el *modal('hide');
success:function(desactivar_contacto)
...
1
voto
1
respuesta
64
vistas
¿Por qué no me carga el menú de PHP que tengo en otro archivo?
Estoy rediseñando una web utilizando Codeigniter como framework y estoy intentando aprovechar parte del código original para crear la zona de admin, pero estoy teniendo problemas para conseguir que el ...