Что такое Bootstrap?

Доброго дня всем!

Хочу спросить по поводу Bootstrap. Никогда не верстал на нем, и недавно посмотрел видео по верстке на нем, чтобы понять, что и как.

Мои выводы — вы скажете, прав я или не прав.

Итак, с grid system от Bootstrap у меня никогда вопросов не было — все просто и понятно.

Стилизация элементов конкретного макета (дизайна) производиться тупо перезаписью дефолтных стилей Bootstrap своими собственными стилями, за счет CSS-каскадности. Я прав?

Получается своего рода подгонка готового дизайна на CSS под конкретные нужды?

Если так, тогда становиться понятно, почему существуют верстальщики, которые не любят Bootstrap. Получается много лишнего кода. Много переопределений, что само по себе уже нечистый код.

Но для production Bootstrap — самое то получается! Ляп, ляп — и сайт готов! Быстро и сердито. Сделал, продал и забыл.

Тогда возникает вопрос — почему все так любят Bootstrap? 

И еще вопрос — макет на том же DST Store создан под Bootstrap. Реально ли существуют макеты, созданные дизайнерами именно под Bootstrap? Хочу сказать — есть ли просто макеты и макеты именно под Bootstrap? И в чем их отличие тогда? 

Ну по порядку:

— для изменения стиля, да, перезаписываете дефолтный стиль. Можно также добавлять свой.

— Тут скорей подгонка Bootstrap под предварительный дизайн.

— Про нечистый код, это спорно. Есть те кто верстают от бога а есть простые люди. Каждый раз писать стили с нуля, когда у тебя в неделю по пять сайтов, не удобно.

— Bootstrap -это CSS framework. С коробки он дает grid, responsive design, css-плюшки. Я предполагаю что заказчики любят его за быстроту, красоту и responsive design.

— Даже не знаю пишут ли макеты специально под Bootstrap. Скорей Bootstrap подстраивается под макеты.

Сила и мощь в Bootstrap в его простоте и изменяемости.

Вы абсолютно верно подметили основные особенности работы с Bootstrap. Действительно, основная стилизация происходит через перезапись дефолтных стилей, и это вполне нормальный подход. Что касается лишнего кода — да, его может быть больше, чем при нативной вёрстке, но это плата за скорость разработки и кроссбраузерность. Bootstrap любят за то, что он решает множество проблем “из коробки”: адаптивность, кроссбраузерность, базовые компоненты интерфейса. Дизайнеры часто создают макеты специально под Bootstrap, учитывая его сетку и стандартные отступы. Такие макеты обычно имеют чёткие блоки, соответствующие колонкам сетки, и стандартные размеры элементов, что значительно упрощает процесс вёрстки.

Доброго дня всем!

Хочу спросить по поводу Bootstrap. Никогда не верстал на нем, и недавно посмотрел видео по верстке на нем, чтобы понять, что и как.

Мои выводы — вы скажете, прав я или не прав.

Итак, с grid system от Bootstrap у меня никогда вопросов не было — все просто и понятно.

Стилизация элементов конкретного макета (дизайна) производиться тупо перезаписью дефолтных стилей Bootstrap своими собственными стилями, за счет CSS-каскадности. Я прав?

Получается своего рода подгонка готового дизайна на CSS под конкретные нужды?

Если так, тогда становиться понятно, почему существуют верстальщики, которые не любят Bootstrap. Получается много лишнего кода. Много переопределений, что само по себе уже нечистый код.

Но для production Bootstrap — самое то получается! Ляп, ляп — и сайт готов! Быстро и сердито. Сделал, продал и забыл.

Тогда возникает вопрос — почему все так любят Bootstrap? 

И еще вопрос — макет на том же DST Store создан под Bootstrap. Реально ли существуют макеты, созданные дизайнерами именно под Bootstrap? Хочу сказать — есть ли просто макеты и макеты именно под Bootstrap? И в чем их отличие тогда? 

Игорь Симонян

Ваши выводы очень точны! Bootstrap действительно работает по принципу “подгонки” под конкретный проект, и это нормально. Что касается популярности — всё просто: это экономит время и силы. Представьте, что вам не нужно писать стили для базовых компонентов, адаптивности и кроссбраузерности — всё это уже готово. 

Конечно, для простых проектов это может показаться избыточным, но для крупных приложений или когда время — деньги, это бесценно. По поводу макетов — да, существуют специальные “bootstrap-friendly” дизайны. Они учитывают сетку 12 колонок, стандартные отступы и размеры элементов фреймворка. Такие макеты обычно имеют более строгую структуру и меньше “дизайнерских вольностей”, что делает процесс вёрстки более предсказуемым и быстрым.

Вы можете сколько угодно критиковать Bootstrap. Но если технология популярна и остаётся таковой десятилетиями, значит, она не так уж и плоха. В интернете всё быстро устаревает или теряет актуальность. Однако Bootstrap, как и PHP, каждый год подвергаются критике со стороны новомодных программистов, которые пророчат им забвение. Но, несмотря на это, они остаются в ТОПе уже десять лет.

Понимаю что наверное глупый вопрос, но вообще как Bootstrap влияет на процесс вёрстки? То что есть адаптивность и кроссбраузерность я понимаю, а вот зачем он нужен то в целом?

Понимаю что наверное глупый вопрос, но вообще как Bootstrap влияет на процесс вёрстки? То что есть адаптивность и кроссбраузерность я понимаю, а вот зачем он нужен то в целом?

Дмитрий Незлобин

Bootstrap значительно упрощает процесс вёрстки благодаря следующим особенностям:

Готовые компоненты и стили: Bootstrap предоставляет готовые решения для базовых элементов интерфейса, что позволяет разработчикам быстро создавать сайты.

Адаптивность и кроссбраузерность: использование CSS-каскадности и адаптивного дизайна в Bootstrap обеспечивает совместимость с различными браузерами и устройствами.

Упрощение структуры макета: дизайнеры часто создают макеты специально под Bootstrap, учитывая его сетку и стандартные отступы, что делает процесс вёрстки более предсказуемым и быстрым.

Экономия времени и сил: использование Bootstrap позволяет разработчикам сосредоточиться на более сложных аспектах проекта, таких как программирование и дизайн, без необходимости самостоятельно писать стили для базовых компонентов.

А как тогда Bootstrap влияет на структуру макета сайта?

А как тогда Bootstrap влияет на структуру макета сайта?

Дмитрий Незлобин

Bootstrap влияет на структуру макета сайта следующим образом:

Сетка из 12 колонок: Bootstrap использует гибкую сетку, которая помогает организовать содержимое сайта в чёткие блоки и колонки, что упрощает выравнивание и распределение элементов.

Стандартные отступы и размеры элементов: макеты, созданные под Bootstrap, обычно учитывают стандартные отступы и размеры компонентов фреймворка, что обеспечивает единообразие и упрощает вёрстку.

Адаптивность: структура макета, разработанная с учётом Bootstrap, автоматически адаптируется под различные устройства и экраны, что улучшает пользовательский опыт на мобильных и десктопных версиях сайта.

Упрощение процесса вёрстки: благодаря готовым стилям и компонентам, разработчики могут быстрее реализовывать дизайн-макеты, что сокращает время на разработку сайта.