Bootstrap psd дизайн не вписывается в сетку

Я разработчик, и у меня есть сомнения относительно файлов PSD на основе сетки, предоставленных дизайнером. Эти файлы должны соответствовать стандартной сетке bootstrap 3. Однако я иногда получаю такой файл:

Пример psd-файла с сеткой, который я получил

Виджет слева не выровнен по сетке. Тем не менее, дизайн действительно отличный, и я должен сделать с ним. Я тоже должен использовать бутстрап.

Как я должен управлять им? Является ли лучшим решением изменить сетку начальной загрузки в соответствии с макетом дизайнера? Или использовать какие-то патчи, не изменяя стандартную сетку?

Заранее спасибо.

В зависимости от того, нужна ли вам поддержка для понимания того, как визуально управлять сеткой, и нужна ли вам поддержка для кодирования визуального элемента, ваш вопрос может лучше относиться к другому сообществу.

Ответы (1)

Я не уверен, что вы подразумеваете под «не вписыванием в сетку», возможно, элементы разнесены внутри столбцов, а не идеально выровнены с направляющими? Это выглядит хорошо для меня.

Я бы справился с этим, используя первые четыре столбца вместе, чтобы управлять частью с заголовком и датами, и добавить отступы слева (и другие направления в соответствии с дизайном). Затем столбец текста будет управляться как 8 оставшихся столбцов, сгруппированных вместе. Я давно не работал с Bootstrap, но обычно есть классы CSS, чтобы решить, какие столбцы объединять вместе, нужно ли смещение и т. д.

+1 Моё мнение тоже. Он находится в соответствии с сеткой, 4 левых столбца. Он просто не упирается в край сетки, вот и все.