@raulvodov
UI/UX Designer

На чем верстать, если не на Bootstrap?

Прошел огромное количество курсов + прочитал большую книгу Css Дэвида Макфарланда.
Понимаю как работают почти все свойства в css.
Но вот заступорился по поводу сетки. На чем верстать?
Сначала хотел использовать сетку из bootstrap.
Но почитал по форумам, многие не советуют ее использовать для серьезных проектов.
Типа лишний код и прочее.
В таком случае, если без нее, то как делать адаптивную верстку?
У меня уже психи начались. Столько всего перечитал и ступорюсь теперь, с чего начать.
В бутстрапе всё понятно, дивы разбиваешь на колонки и кладешь туда контент.
  • Вопрос задан
  • 1760 просмотров
Решения вопроса 1
roswell
@roswell
и швец, и жнец, и на дуде игрец
Верстай на том, что работает и всех устраивает.
ЗЫ: интересно было бы взглянуть на те "серьёзные проекты".
Ответ написан
Пригласить эксперта
Ответы на вопрос 10
Если из bootstrap нужна только сетка, можно взять например Flexbox Grid
Ответ написан
snap44
@snap44
Фыр!
то как делать адаптивную верстку?
flexbox + media-queries
Для тех макетов, которые вас ждут в ближайшем будущем, подойдет и бутстрап. Но сначала нужно научиться верстать без него.
Попробуйте еще gridly.css Ничего лишнего, только normalize + сетка.
Ответ написан
Комментировать
@Frel
На распутье
Чем верстать, руками! Бутстрап чисто для прототипирования и админок!
Ответ написан
Комментировать
@valtermild
забудь бутстрап и флексы, используй гриды https://gridbyexample.com/
Ответ написан
pingo
@pingo
Bootstrap-Alternatives.jpg
Ответ написан
Комментировать
kon-rafikov
@kon-rafikov
Не забывайте отмечать решение
960px grid, Skeleton, foundation, куча их. Многие уже мертвы. Потому что сетка — это раз плюнуть и делается под проект часто. Просто посмотрите как в одном из фреймворков сделано и сделайте удобнее, как вам нравится.
Что такое сетка вы знаете. Сделайте свою.
А теперь подумайте как вам ее лучше менять на мобильниках медиа-запросами и начинайте верстать, там увидите что вам нужно.
Бутстрап не рекомендуют использовать в серьезных проектах не из-за колонок в сетке (везде примерно такая сетка), а из-за того, что у бутстрапа код громоздкий.
Ответ написан
@iammaddison
Можно написать свою сетку.
Ответ написан
Комментировать
@BookerDeWitt
Судя по твоим ответам ты незнаешь что такое флексбокс, а потому бери качай PSDшник и сверстай с использованием flexbox, и считай научился делать респонсив. Библиотеки вроде бутстрапа умеют тоже самое только проще для разработчика
Ответ написан
Krasnodar_etc
@Krasnodar_etc
avito front
На CSS :)

Верстать серьёзные проекты можно на чём угодно, в том числе на Бутстрапе. Если макет под его сетку.
Но, если вы начинаете, зачем вам фреймворк? Полезнее в разы будет сделать адаптив руками через @media и те же flexbox, например (нормально у них всё с поддержкой)

Не нравится бутстрап - берите foundation . Или что душе угодно. Выбор фреймворка не особенно важен
Ответ написан
Комментировать
@semki096
bulma - отлично документирован и конкретен. На флексе, по возможностям не уступает бутстрапу. Бутстрап хорош но со сменой версий начинаешь путаться, например как выбрать ветку с флексом. В бульме нет излишеств.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы