Mobile app version of vmapp.org
Login or Join
Deb5748823

: Bootstrap psd design does not fit the grid I am a developer and I have a doubt about grid-based PSD files given by a designer. Those files are supposed to fit the standard bootstrap 3 grid.

@Deb5748823

Posted in: #AdobePhotoshop #Bootstrap #WebsiteDesign

I am a developer and I have a doubt about grid-based PSD files given by a designer.
Those files are supposed to fit the standard bootstrap 3 grid.
However, I sometime receive this kind of file :



The widget on the left side is not aligned with the grid. However, the design is really great and I must do with it. I must use bootstrap too.

How should I manage it ?
Is the best solution to modify the bootstrap grid to fit the designer's layout ? Or to use some patch-ups without modifying the standard grid ?

Thanks in advance.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Deb5748823

1 Comments

Sorted by latest first Latest Oldest Best

 

@Pierce403

I'm not sure what you mean by "not fitting the grid", possibly that items are spaced out within the columns instead of lined up perfectly with the guides? It looks fine to me.

The way I would manage this is use the first four columns together to manage the piece with the title and dates and add padding on the left (and other directions according to the design). Then the column of text would be managed as the 8 remaining columns grouped together. I haven't worked in Bootstrap in a while but there are usually CSS classes to decide pinpoint which columns to merge together and if you need an offset, etc.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme