А не грабли ли это или как такое сделать с сеткой Bootstrap'a в Photoshop?

Question

[Илья Савельев]

Всем привет.

Возник такой момент: вот есть cтандартная бутстрэпная 12 колоночная сетка в Photoshop. К примеру, я хочу пустить серый бэкграунд в эти 12 колонок, а внутри этого бэкграунда разместить контент (к примеру картинку + текст под тип новости как тут).

Вот я в ФШ на все 12 колонок пустил бэкграунд серый:

Теперь я хочу внутри сделать отступы слева и справа, к примеру, по 15 пикселей и получается что вся сетка летит к чертям собачим (ширина первой и последней колонки отличная от остальных):

Либо уже лыжи не едут, либо что-то другое...подскажите как такое сделать и вообще практикуется ли такое ))

Answer 1

[iBird Rose]

а в чем проблема то? твоя задача уместить все среди этих брекпоинтов не выходя за грани вот этих 30 пиксельных мест.

Comments

[Илья Савельев]

Это понятно что выходить за грани нельзя, но я полагаю что еще нужно подумать как для верстальщика это будет чтобы он не проклинал потом все это дело) Получается, в этом случае верстальщику придется переназначать стандартные бутстрэповские классы чтобы сделать дополнительные отступы в 15px?

[iBird Rose]

Илья Савельев: зачем? он просто сделает для картинки отступ в 15px слева

[Илья Савельев]

iBird Rose: действительно, как и для текста справа...спасибо, кажется пора уже отдыхать на сегодня...

[Ankhena]

Илья Савельев: Забота о верстальщике это хорошо. Но лучше Вы хорошо и красиво рисуйте, так чтобы пользователь увидел гармоничную картинку. Если верстальщик не справится, наймите нового :)

Answer 2

[Сергей Горячев]

Анекдот вспомнился.

Вызывает учительница папу Вовочки в школу.
- А вы знаете, ваш сын ругается матом.
- Да вы что??? И что он сказал?
- Он сказал, что к это столу можно припизд*чить доску.
Папа почесал репу, посмотрел на стол и отвечает:
- Ну, припизд*чить её, конечно, можно, только она тут нах*р не нужна.

Собственно, к вам вопрос)
Какую функциональную нагрузку будут иметь еще отступы по 15?
Там имеются уже внешние отступы, зачем увеличивать?

Анекдот прям совсем в тему вышел.
Делать так можно, только если оно реально нужно)

Comments

[Илья Савельев]

Да, анекдот вышел очень в тему)) вот глядите, у нас есть бэкграунд на ширину 12 колонок, в этот бэкграунд надо запихать картинку + текст. Но если не делать отступы в бэкграунде, то картинка прилипнет к левому краю бэкграунда, что совсем не комильфо.

[Сергей Горячев]

Илья Савельев: Ну, так она и не вполтную же вроде? 15 пикселей первой колонки тоже залиты серым.

[Илья Савельев]

Sergey Goryachev: нет, они как раз (первый отступ и последний) не залиты серым и их нельзя заливать это отступы по 15px по бокам которые дают рабочую область в 12 колонок и 1140px. Вот смотри прикрепляю чтобы понять о чем я толкую (сами колонки закрашенные синим я убрал, оставил только направляющие):

[Сергей Горячев]

Илья Савельев: И все равно крайние 15 пикселей должны быть залиты.

[Сергей Горячев]

Илья Савельев: Так как макет сетки бутстрапа не 1140, а 1170. Это даже в документации указано. 1140 для контента + по 15 пикселей с каждой стороны отступы.

[Сергей Горячев]

Илья Савельев: Красный - общая ширина макета.
зеленый - ширина одной колонки без отступов.
синий - ширина колонки с отступами.
так что ваши 15 пикселей так и так будут залиты цветом и не будут прилипать к картинке.