reorganización del orden de columna con col-lg-push y col-lg-pull en twitter bootstrap 3
ordenar en la columna en bootstrap 3 permite a los desarrolladores ajustar la posición de columnas dentro de diferentes pantalla. Las clases COL-LG-Push y Col-LG-Pull están diseñadas específicamente para este propósito, proporcionando control sobre el diseño de columnas en dispositivos de pantalla grande (Desktops and Laptops).
Para personalizar el orden de columna, necesita:
explicación:SecondFirstThird
En este ejemplo, la segunda columna se empuja hacia la derecha por 5 columnas usando col-lg-push-5, lo que aparece después de la tercera columna en pantallas grandes. La primera columna se tira a la izquierda por 5 columnas usando Col-LG-Pull-5, lo que la lleva antes de la tercera columna. Esto crea el diseño deseado: [5] (segundo), [5] (primero), [2] en dispositivos móviles y [5] [5] [2] en Desktop.
comprensión de tirar y empujar:
pull:
[&] las clases de push y el tirón solo afectan las columnas de las columnas en las santáticas especificadas (en este caso, grandes pantallas). Efecto en tamaños de pantalla más pequeños, ya que Bootstrap prioriza el diseño móvil de forma predeterminada.
Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.
Copyright© 2022 湘ICP备2022001581号-3