Resultados de la búsqueda a petición "flexbox"
Extienda un elemento más allá del contenedor de arranque
Actualmente estoy trabajando en una de las maquetas con el uso de Bootstrap 4 y hay un elemento poco común dentro del contenedor, cuyo fondo se extiende más allá del contenedor. No estoy seguro de cómo exactamente se debe hacer esto. Intenté ...
Diseño de Flexbox con dos elementos secundarios de igual altura, uno que contiene un cuadro flexible anidado con contenido desplazable
Yo tengo un<img> con un panel a su derecha que contiene un encabezado de controles y una larga lista de elementos. Entonces tengo una situación anidada de flexbox: .container (flex) -> .child img -> .child controls panel (flex) -> .controls ...
¿Cómo usar el centro seguro con flexbox?
Los elementos centrados de flexbox pueden tener un comportamiento no deseado cuando desbordan su contenedor [https://stackoverflow.com/questions/33454533/cant-scroll-to-top-of-flex-item-that-is-overflowing-container] . Se han proporcionado ...
¿Cómo centrar verticalmente con Angular Flex Layout?
He creado un componente de inicio de sesión simple y me gustaría centrarlo verticalmente, pero no estoy seguro de cómo lograrlo usando la biblioteca Angular Flex ...
¿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 ...
Ancho de imagen de Firefox Flexbox
Tengo algunos problemas para que mi imagen ocupe no más del 100% del ancho disponible del contenedor principal. Solo noto el problema en Firefox 36 (no IE o Chrome). Entonces, ¿es un error de Firefox o me falta algo aquí? Nota: La imagen nunca ...
Alinear elementos a la izquierda y al centro con flexbox
Estoy usando flexbox para alinear mis elementos secundarios. Lo que me gustaría hacer es centrar un elemento y dejar el otro alineado a la izquierda. Normalmente, simplemente establecería el elemento izquierdo usandomargin-right: auto. El ...
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 ...
Flexbox no funciona en Safari
El diseño que estoy creando no funciona en Safari, aunque funciona perfectamente en Chrome. Tengo la sensación de que tiene algo que ver con el.wrapper o la.frame pero he intentado establecer el valor de Flex Shrink en0 en vano. JSFiddle ...
Material angular: relleno de diseño no relleno padre <div>
<!-- Container Div --> <div layout-fill> <!-- Image Div --> <div layout="column" layout-align="center center" class="coverImage" layout-fill> <md-content class="md-padding"> Sample Text Here </md-content> <md-button ...