Bootstrap не для bootstrap дизайна?

Question

[zerofx]

привет - друзья такое дело - как не хочу , но должен идти в сторону bootstrap , для облегчения своей жизни ...
И здесь возникает вопрос - как применить bootstrap - к макету который дизайнер сделал не под bootstrap ...
да еще и такие люди есть ...

может можно как-то подружить такой макет с bootstrap ??

слышал про 2 варианта

1) попробовать применить bootstrap сетку к макету...
2) задействовать кастомайзер - но с этим никогда не сталкивался .. хз может и действительно работает....

друзья поделитесь пож. опытом - может кто-то с таким сталкивался .. или имеет опыт работы с сеткой , или кастомайзером

Answer 1

[Leonid Fedotov]

Никак :)
А если серьезно, то придётся писать все под Bootstrap. Вот и задайтесь вопросом - подходит ли макет "который не под bootstrap" под те нужны, с которыми Вы хотите использовать Bootstrap. Да и нужно оно ли Вам? Неподходящий макет, например, имеющий другую сетку, создаст Вам много головной боли :)

Comments

[zerofx]

ну я не говорю что кроме bootstrap - ничего не рассматриваю - просто все так много о нем пишут ... а ежели пишут то уже с такими проблемами встречались ...

я понимаю что ежели у меня макет в 960 - то grid 960 - мне в помощь ... если в 1200 то skeleton ... и так далее

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

[zerofx]

Сергей Сергеев: мы наверное говорим о разных вещах .. причем тут WP - и его темы ... мы говорим о шаблонах в psd - которые создании не под bootstrap , и их верстку на bootstrap - каким-то образом...

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

Answer 2

[Aleks Front]

Вопрос наверное должен стоять по другому.
Нарисован ли дизайн вообще под какую либо сетку. Если дизайнер соблюдал определнные правила (отступы, размеры колонок и т.д. ) можно сделать на бутстрап - если брать стили то там вообще много того что не потребуется особенно если дизайн не под UI бутстрапа.
1. Дизайнер рисовал по сетке ( пусть и сам которую придумал ) скачиваете исходники sass / less подключаете к проекту нужные ( предположительно в данном случае только grid - и его зависимости ). Дальше в переменных указываете стандарты которые использовал дизайнер. Но это при том, что дизайнер добрый чел и рисовал по сетке все.
2. Когда дизайн откровенно не по сетке, сразу желательно предупредить заказчика о том, что сетки нету, определенных стандартов нету. Вариант А - получит не соответствие по отступам ( имею ввиду речь о пиксель в пиксель - не возможна ). Вариант Б - получите бутстрап используете только сетку так же, но для себя в дизайне выделяете приемущественный стандарт под который будете костамизировать сетку, т.е. блоки в котрых сетка одинаковая - выделяете их по максимум и делаете под нее сетку бутстрапа. Для остальных ручками ( + согревая уши дизайнера ) дописываете сами.

Выбираете из двух зол меньшее, но сколько работаю - очень редко попадаются макеты под UI бутстрапа. Много всего отсеивается и по сути получаешь только привычну сетку ( как альетрнатива можно сгененрировать ее на сайте бутстрпа и не париться и не тащить весь css / js, а только сетку. ) Так и делаю в основном :)

Answer 3

[Егор Трауров]

На то верстальщики и есть :)
Если верстальщик захочет, он напишет на Bootstrap любой макет :)
Просто возьмите Bootstrap за основу, создайте свой кастомный файл стилей и переписывайте нужные Вам классы. По моему это очевидно. Можно, конечно, через свои классы все делать, но тут кому как удобно.
Сетка полезная штука, только будьте готовы повоевать с ней, если что ;D Но экономит очень много времени. Если следовать четким правилам сетки, то проблем не будет в будущем.
Кастомайзер работает и очень даже отлично. Кто-то его использует, кто-то нет. Но задачу он свою выполняет - упрощает жизнь.
Можно еще установить bootstrap и просто использовать его в качестве helper classes, если вы не щадите трафик пользователей и время загрузки сайта :P
Скажу из личного опыта:
К сожалению, у меня не было макета заточенного четко под какой-то фреймворк и тем более bootstrap. И скорей всего не будет. Для меня это вообще не важно. Важно только одно - чтобы в макете была хотя бы какая-нибудь сетка, иначе это полный ад.
Используйте bootstrap на полную и войдете во вкус и не почувствуете никаких границ в виде сеток и тому подобное, все что вам не нравиться - вы можете в любой момент переписать :)

Comments

[zerofx]

Максим спасибо ! Очень много информации для размышлений ... Но не буду скрывать - я никогда не пользовался кастомайзером ... никогда - может есть где инфа которая говорит что это - для этого, а это для другого ...

И как надо подходить к этому - на что обращать внимание?

Я понимаю что конкретного рецепта нет ... И все же - вот у меня шаблон - на что мне в первую очередь
обратить внимание...

как говорят век живи век учись

[Егор Трауров]

На сайте bootstrap'a все интуитивно понятно, мануалов не нужно. Там все написано.

Если вы про кастомайзер, то обратите внимание на дефолтные цвета. По стандарту они в синих тонах. Потом можете сэкономить не одну строчку кода с переопределением дефолтного цвета.

Просто берите макет и пытайтесь каждый элемент сверстать, а не картинками загружать. И.. Все. Просто элемент за элементом и вы сверстаете макет.

[zerofx]

Максим Малыхин:
интересно - но меня интересует более конкретная информация ..

Ну например у меня макет в 1200рх - и дефолтная сетка не подходит ... Что мне делать в кастомайзере первым делом ?

изменить количество колонок - ширину контейнера ?

я это имел в виду когда спрашивал с чего начать ..