El diseño psd de Bootstrap no se ajusta a la cuadrícula

Soy un desarrollador y tengo una duda acerca de los archivos PSD basados ​​en grillas proporcionados por un diseñador. Se supone que esos archivos se ajustan a la cuadrícula estándar de bootstrap 3. Sin embargo, a veces recibo este tipo de archivo:

Ejemplo de archivo psd basado en cuadrícula que recibí

El widget del lado izquierdo no está alineado con la cuadrícula. Sin embargo, el diseño es realmente genial y debo hacerlo. Debo usar bootstrap también.

¿Cómo debo gestionarlo? ¿La mejor solución es modificar la cuadrícula de arranque para que se ajuste al diseño del diseñador? ¿O usar algunos parches sin modificar la cuadrícula estándar?

Gracias de antemano.

Dependiendo de si necesita ayuda para comprender cómo administrar la cuadrícula visualmente o si necesita ayuda para codificar la imagen, es mejor que su pregunta pertenezca a una comunidad diferente.

Respuestas (1)

No estoy seguro de lo que quiere decir con "no encajar en la cuadrícula", ¿posiblemente que los elementos estén espaciados dentro de las columnas en lugar de alineados perfectamente con las guías? Me parece bien.

La forma en que manejaría esto es usar las primeras cuatro columnas juntas para administrar la pieza con el título y las fechas y agregar relleno a la izquierda (y otras direcciones según el diseño). Luego, la columna de texto se administraría como las 8 columnas restantes agrupadas. No he trabajado en Bootstrap por un tiempo, pero generalmente hay clases de CSS para decidir qué columnas fusionar y si necesita un desplazamiento, etc.

+1 Mi opinión también. Está en línea con la cuadrícula, 4 columnas a la izquierda . Simplemente no choca contra el borde de la rejilla, eso es todo.
El diseño psd de Bootstrap no se ajusta a la cuadrícula
RespuestasAquíPolítica de privacidad1y, 0v