Resultados de la búsqueda a petición "flexbox"
Bootstrap 4 cuadrícula cuadrada
Quiero crear una cuadrícula de cuadrados receptiva con Bootstrap 4, para hacerlo, estoy haciendo algo como esto (Una fila): <div class="container"> <div class="row"> <div class="col"></div> <div class="col"></div> <div class="col"></div> <div ...
¿Por qué un niño flexible se limita al tamaño de los padres?
Considerando el siguiente ejemplo ... body { margin: 0; } * { box-sizing: border-box; } .parent { min-height: 100vh; width: 50vw; margin: 0 auto; border: 1px solid red; display: flex; align-items: center; justify-content: center; } .child { ...
Bootstrap 4 cartas: alinee el contenido en la parte inferior
Tengo un grupo de cartas de bootstrap juntas en un grupo de cartas, lo que significa que todas tienen el mismo ancho y alto. El contenido de cada tarjeta es diferente en altura, y necesito un botón alineado en la parte inferior de cada tarjeta ...
El elemento flexible se superpone a otro elemento en IE11
Tengo dos divs: top div contiene un texto largo que ocupa varias líneasdiv inferior tienemin-height yflex-grow: 1Cuando reduje la ventana al desplazamiento apareció, luego, en Chrome, todo se muestra correctamente. Pero en IE11 el div superior ...
¿Cómo arreglar el orden de columnas inesperado en bootstrap 4?
Estoy tratando de hacer un diseño como el siguiente: [/imgs/gXUve.png] Enxs dispositivos, me gustaría que la orden sea primero-segundo-tercero. El código de muestra que tengo es: <!DOCTYPE html> <html> <head> <meta ...
Columna fija y desplazable en Bootstrap 4 flexbox
He pasado bastantes horas tratando de resolver esto, y parece que debería ser tan simple. La página web es un poco más compleja, pero el problema se reduce a esto. Estoy tratando de crear un cuadro flexible a la izquierda que contenga el ...
El contenedor flexible centrado crece más allá de la parte superior [duplicado]
Esta pregunta ya tiene una respuesta aquí: No se puede desplazar a la parte superior del elemento flexible que está desbordando el contenedor [/questions/33454533/cant-scroll-to-top-of-flex-item-that-is-overflowing-container] 7 respuestasebo ...
Bootstrap 4 Barra de navegación y altura de relleno de contenido flexbox
Tengo que crear un diseño en el que una cuadrícula de contenido debe estar en la página restante completa, pero el diseño también tiene una barra de navegación. Para hacerlo, decidí colocar la barra de navegación en un contenedor flexible y el ...
Hacer que los elementos hermanos tomen el mismo ancho rompe el texto en ellos
Estoy tratando de establecer el ancho del div, y su contenido se ajusta al ancho del párrafouser-title en eso. Este es el HTML y CSS: .panel { margin-bottom: 20px; width: auto; display: inline-flex; flex-direction: column; box-shadow: 0 2px ...
¿Cómo calcular la cantidad de elementos de flexbox en una fila?
Se implementa una cuadrícula utilizando CSS flexbox.Ejemplo: [http://jsbin.com/jumosicasi/edit?html,css,js,output] [/imgs/aRSuq.png] El número de filas en este ejemplo es 4 porque arreglé el ancho del contenedor para fines de demostración. ...