Как верстать сайт по «кривым» макетам, используя, Bootstrap?

Question

[Anna Kolchina]

Есть 3 макета:

1. 320 - 810
2. 810 - 945
3. 945 - 1920

Честно говоря, я вижу такое впервые.
В макете всё криво, нет сетки, точнее есть просто 28 колонок, которые по-моему сделаны для вида. Слои вообще не пойми как сгруппированы, часть футера, лежит в папке хедера, подчеркивание сделано текстом, контент в макете под #3 имеет ширину 1784px, но исходя из названия макета «945-1920» требуется, чтобы он выглядел так и при разрешении экрана 945 и при разрешении 1920.

Вопрос в следующем:
1. Это вообще нормально?
2. Если да, то как такое верстать и чем?

Заказчик требует адаптивную вёрстку и pixelperfect.

Comments

[sim3x]

Спрашивайте у заказчика и у дизайнера

Answer 1

[Владислав Бойченко]

Сетку дизайнер и вправду там сделал только потому, что видел ее в других макетах и подумал, что везде надо делать, логики в ней нет. Во всяком случае она показывает вам максимальную ширину контейнера: 1578рх. То есть задаете новый бреикпоинт в бутстрапе (+30рх отступы контейнера):

@media (min-width: 1650px) {
  .container {
    width: 1608px;
  }
}

Далее сами накидайте сетку на 12 равномерных колонок с отступами по 15рх с каждой стороны (в сумме между колонками 30рх) и оперируйте .col-lg-*. После 1650рх (то есть для экранов 1600, 1440, 1366, 1200) подхватится уже стандартный бутстраповский контейнер 1170рх.
В принципе, на бутстрапе верстать можно, там ведь даже блоки для этого подходят (карточки по 25%, по 50% и т.д.).

Answer 2

[Антон]

Первостепенно - обратиться к дизайнеру и сказать ему, какой он хороший дизайнер.
Ну а если уж макет не подразумевает сетку, зачем тогда пользовать бутстрап? Делайте без него флексами, гридами и т.п.

Comments

[Anna Kolchina]

Спасибо за ответ.
Еще вопрос: А, то что вёрстка должна выглядеть одинакового, как при 945 так и при 1920, является нормальным явлением или это тоже причуды дизайнера?

[Антон]

simgoldin, Трудно говорить не видя макета, но судя по тому, по вашим словам, что в исходнике отсутствует систематика, то стоило бы таки поговорить с дизайнером, спросить его, чем он руководствовался, когда лепил его

[Александр Цымбал]

Нафиг бутстрап. Если дизайнер на вопрос "Ты под бутстрап рисовал?" отвечает "Чего такое будстраб?", не используй бутстрап. Сегодня флексы и гриды всё делают с той же скоростью, что и бутстрап.