Попробовала нарисовать макет под Bootstrap, верстальщик говорит что не подойдет. Скажите в чем проблема?

Question

[mlendos]

Почитала, посмотрела инфу про сетки bootstrap, попробовала нарисовать макет. 12 колонок получилось не достаточно, погуглила, нашла что это не проблема(getbootstrap.com/customize) просто тут надо поменять кол-во колонок. Сделала 16 колонок. Верстальщик говорит, что используя bootstrap сверстать невозможно. Скажите в чем ошибки?

Comments

[xmoonlight]

Почему 12 недостаточно тут?

[mlendos]

xmoonlight, Потому что заказчик хотел в каталоге по 4 товара и вертикальные фильтры. Я не придумала как красиво разделить сетку

[xmoonlight]

mlendos, Понятно. В любом случае, проблема - на стороне верстальщика.

[archelon]

Вообще, "дизайн под бутстрап" — это нонсенс.

[xmoonlight]

archelon, Согласен!

[mlendos]

archelon, Почему? Задача была максимально быстро все переделать, переверстать и переехать на новый сайт. А как я поняла, на бутстрап - это очень быстро работает.

[archelon]

mlendos,
Бутстрап — это инструмент разработчика, один из существующих.
Будет он верстать на bootstrap, на foundation или на собственном фреймворке — решать ему.
Дизайнера (если он сам не верстает), это вообще никаким боком не касается.
Или нужно в ТЗ прописывать максимально четкие требования. Например, дизайн элементов форм максимально близкий к типовым бутстраповским (как здесь: https://getbootstrap.com/docs/4.1/examples/checkout/).
А так, бутстрап ничем не ограничивает творчество. Посмотрите примеры сайтов — https://themes.getbootstrap.com — они все разные!

[archelon]

А если

Задача была максимально быстро все переделать

надо было купить готовую тему на тимфоресте. Сэкономили бы и на дизайне и на верстке.

[JorJeG]

mlendos,
у меня всегда возникал вопрос: а навигационные штуки ([виды спорта, обувь, форма..] или [о компании, оплата, доставка...]) почему расходятся с сеткой?

[mlendos]

JorJeG, Количество пунктов меню и ширина могут меняться и они изначально разные по количеству знаков, важнее чтобы расстояние между пунктами было одинаковое, не слипалось или наоборот не было гигантских промежутков. Например как по сетке выровнять Обувь (1 колонка ) и Спортивная медицина (2,2 колонки) где-то будет промежуток межколоночник, а где то межколоночник + 0,8 от колонки. Можно сделать большими кнопками, чтобы внутрь точно все влезло, но кнопки будут здоровенными либо не будет хватать воздуха, а это простой и понятный вариант.

[JorJeG]

mlendos, спасибо.

[alex-1917]

а в чем состояла работа

нарисовала макет

??? )))
таких банальных страничек категории пруд пруди и среди бесплатных шаблонов и среди платных...
дизайнера здесь следа нуль...

[UX_Sense]

Ну конечно! А вы чего ждали? Сделали все по сетке и даже не сверстали сами. Господин бутстрап отказался ему помочь, так что вся надежда только на вас. И кстате, вы даже не извинились перед ним. Своими двумя колонками в моб. разрешении, вы оскорбили его религиозные бутстраповские чувства.

Answer 1

[archelon]

Верстальщик не прав.
С 12-ю колонками удобнее работать, но это не критично.
А чем он аргументирует?

Comments

[mlendos]

Если это реально сверстать, нужно отрисовать еще вот это:
"Высылаю разрешения, под которые еще нужны макеты:
1200, контентная часть 1140
1199, контентная часть 960
991, контентная часть 720
767, контентная часть 540
575, контентная часть 320"

Как правильно адаптировать сетку для дизайна?

[archelon]

mlendos,
Подозреваю, что верстальщик хотел бы видеть по-другому раскрашенные типовые элементы бутстрапа :)
Тогда, вероятно, стоило это детально оговорить в ТЗ.
Но, скорее всего, он просто недостаточно компетентен (уровень грамотности — лишнее тому подтверждение). Пусть учится.

[archelon]

Лучше отрисовать. Тут достаточно типовая раскладка элементов, адаптивится интуитивно.
Но, как минимум, шапку нужно продумать.

[alex-1917]

archelon, да тут не надо ни рисовать ни верстать!!)) могу дать ссылки на как минимум 140шаблонов, где точно такая же верстка уже готовая, а то и даже под тот же вордпресс уже все вшито... ТЮ!

Answer 2

[xmoonlight]

Сверстать-то - возможно.

Comments

[mlendos]

Если это возможно сделать в бутстрап в любом случае нужно отрисовывать?
Высылаю разрешения, под которые еще нужны макеты:
1200, контентная часть 1140
1199, контентная часть 960
991, контентная часть 720
767, контентная часть 540
575, контентная часть 320

[Евгений]

mlendos, видимо он совсем "зелёный", раз не может сам сверстать под эти разрешения без макетов.
Спросите его: "кто ты без бутстрапа?")

[mlendos]

Евгений, Ну понятно.. в след раз буду умнее. а адаптировать под разрешение нужно с тем же кол-вом колонок? Просто например если карточка занимала 3 колонки на 1600, теперь будет 8 колонок на 320? или можно сделать 2 колонки на 320?

[xmoonlight]

mlendos, можно сделать сколько угодно на нужном разрешении.

[archelon]

адаптировать под разрешение нужно с тем же кол-вом колонок

посмотрите демо бутстраповской сетки.
https://getbootstrap.com/docs/4.1/examples/grid/
попробуйте уменьшить окно браузера и посмотрите, как себя ведут колонки.
общее количество колонок в сетке неизменное, но блоки занимают другое количество колонок.

[mlendos]

xmoonlight, вот так - это норм для верстки. Сорян, хочу разобраться что я не так делаю

[xmoonlight]

mlendos, норм! А почему нет-то?!) Всё ОК.

[mlendos]

xmoonlight,
Программист посмотрел макеты. Говорит, дизайнер изменила сетку на 12 колонок, а было 16.

А на мелких экранах еще меньше.

Кол-во колонок должно быть везде одинаковое

12 колонок это уже бутстреп сетка.

Нужно тогда переделать макеты под 16 колонок или под бутстреп, в зависимости от того, как её легче.

Вот пример сетки для бутстрепа https://yadi.sk/i/1TWUzT2drkKApQ

т.е. везде одинаковое кол-во колонок на всех экранах

на самом маленьком экране, он в примере не изображен, идет резина

Она может не переделывать, но тогда верстка будет дороже и дольше минимум раза в 1.5

[archelon]

mlendos, количество колонок на мобильной версии может быть меньше, но должно быть кратным.
Поэтому удобнее 12-колоночная сетка (делится на 2,3,4,6).
А из 16 колонок не сделать, например, 3 равные.

[xmoonlight]

mlendos, можно раздробить на кратно 12-ти.
Т.е. вместо 16 сделать 24. и тогда стоимость вёрстки - точно больше не будет и придраться будет не к чему.

[mlendos]

xmoonlight, Просто все уже отрисовано и десктопная версия сверстана, и все переделывать - это крах... Как максимально безболезненно перерисовать адаптив?

[xmoonlight]

mlendos, Никак. Пусть верстает 16 колонок. Это точно проще!

[Модератор]

mlendos,
5. Категорически запрещается размещать на страницах Сервиса:

5.2. Экспрессивную лексику

[alex-1917]

Евгений, скорее причина в размерах оплаты... я бы вот тоже не взялся бы за подобное, если бы дали например 2000 денег. НО взялся бы если бы дали 8000 денег. а лучше 12000 денег.... все это было лет 10 назад тихим зимним вечером))), щас и за 48000 денег не возьмусь)))

Answer 3

[Alibek Kulseitov]

Скажите верстальщику пусть верстает на 12 колонках но контейнеру просто укажет max-width: 1600px например