Актуальна ли адаптивная верстка на Bootstrap 5 в 2023 году?

Question

[Дмитрий Орлов]

Всем привет, постараюсь коротко и по сути.
Есть ли возможность сейчас верстать адаптивно-отзывчиво без Bootstrap сетки?
Точнее вопрос звучит так, как опытные верстальщики в 2022-2023 году верстают адаптивно, с помощью каких технологий.
Везде где искал ответ, он был старый. Искал видео на ютубе по этой теме, то же всё старое.

Answer 1

[Владимир Коротенко]

поймите главное. UI фреймворки позволяют вам получить кучу всего из коробки и хорошо настраиваются.
У них есть поддержка как официальная так и кучи кодеров.
Фигача свой css вы встаете на сложный путь поддержки кучи кода, если вы Яндекс или Сбер это оправдано, но вот если вы компания до 50 человек или делаете разные проекты, то смысла нет

Comments

[Дмитрий Орлов]

Спасибо за ответ !

Answer 2

[zvlad_vitamin]

А причем тут актуальность? Если можешь сделать красивый дизайн на бутстрапе, то делай его хоть на 3 версии. Главное что бы он подерживался браузерами.

Comments

[Дмитрий Орлов]

Я просто уже очень запутался, в одном месте мне говорят нужно знать bootstrap потому что это быстро и удобно, в другом месте я читаю что это плохо, слишком сложная DOM структура. В третьем месте пишут что нужно легко уметь самому всё делать без фреймворков

[Вадим]

Дмитрий Орлов, и знаете что самое интересное? Во всех местах пишут верно.
Доброе пожаловать в веб разработку)

Нет единственно правильного.
Есть - подходит под задачу.

[Дмитрий Орлов]

Вадим, ахахаха.

[Владимир Коротенко]

Дмитрий Орлов, Лол правы все , кстати есть и другие мнения.
1. Например студия лендингов - они клепают примерно 80 сайтов в месяц, тут без переиспользования кода не обойдешься
2. какая то контора пуристов недоучек говорит что дом слишком сложный, тож бывает, но не стоит забывать сколько весят современные сайты
3. эти товарищи либо нубы либо профи. Последние пишут под себя без капли жира и под серьезные проекты( и да они изучили все что есть на рынке)

Answer 3

[formasters777]

все эти библиотеки это круто конечно, но это плодит за собой много странных вещей:
- например, библиотека Bootstrap весит около 30кБ, Вы из коробки получаете доступ к спиннерам, быстрое добавление стилей в тег, готовые элементы типа productCard, navBar, progress, carousel и др.
Вы особо не вникаете в элементы и можете быстро создать UI,
особенно мне нравится элемент с названием jumbotron, наверное без этого элемента любой стартап обречён на "провал", пользователи не видя jumbotron на сайте "сразу с него уходят".
Также следует вспомнить об AntDesign и Tailwind.
Но когда, доходит время до небольших изменений стиля Вашего сайта на bootstrap, желаю Вам терпения.
Иногда создать новый стиль для элемента проще чем поменять цвет radio button на bootstrap.
Некоторые используют сетку bootstrap, без его стилей, сетка в нём вполне нормальная.

Comments

[Дмитрий Орлов]

Спасибо за ответ, то есть подключать весь будстрап, но использовать только сетку ?

[Кирилл Никитин]

Просто замечу. Они убрали jumbotron уже давно и заменили его на комбинацию общих стилей.

[Кирилл Никитин]

Дмитрий Орлов, зачем? Вы можете только сетку бутстрапа и брать, если только она нужна.

[Дмитрий Орлов]

Кирилл Никитин, просто используя сетку постоянно, не понимая как это работает, чувствую это плохо вылезет мне

[formasters777]

Дмитрий Орлов, Вы можете подключить bootstrap-grid.css или написать под себя похожий,
можно подключать из библиотеки bootstrap только 1 компонент, например только button, в import там нужно ссылаться на node-modules, если речь о статике и html,
то в файлике bootstrap.min должны быть стили на button, их нужно искать,
но это только если Вы хотите по максимуму сократить 30кБ

[Кирилл Никитин]

Дмитрий Орлов, не то. Бутстрап такой же инструмент как и всё остальное. Если для иллюстрации взять ремонт, то вы конечно должны понимать как пользоваться условной отвёрткой и ключами, но всегда будете выбирать шуруповёрт. А ваши клиенты предпочтут получить тот же результат через час, а не три. Короче говоря, не превращайте это в какую-то драму.

[Дмитрий Орлов]

Кирилл Никитин, я вас понял!

[Виктор Таран]

просто используя сетку постоянно, не понимая как это работает, чувствую это плохо вылезет мне

Классический бутстрап
+ Все с коробки
+Очень, очень прост в освоение контентщиками что снижает расходы
+Повторяемость, контентщик выучил бутстрап на 1 проекте, теперь он может работать со всеми, скорость его работы сильно, очень сильно сокращяется. А контент на сайте очень часто дороже самой разработки.
+Поддержка проекта дешевле, а это опять же многократно дороже самой разработки.
+Адаптив всего и вся с коробки, адаптивом опять же даже если его небыло в проекте может заняться контентщик.
+Привыкаемость к верстке, знакомые классы читаются быстрей чем те что вы писали год назад на старом проекте, вам не нужно смотреть че они делают.
+ маштабируемость, если в проекте требуется функционал нонет дизайн макета, накидать на существующих классах ничего не стоит ( и не нужно мне говорить что верстак это сделает со своими классами), два раза он нахреначит еще с десяток лишних классов типа margin-top 8px. Которые со временем оседают в виде г которое никуда не деть.
- Большой, но в 5 это вообще не критично, опять же я бы лишнее удалил на их месте, им там с гор виднее.
Да и опятьже фрейморк всегда избыточность.
-Приходится все еще крутить галереи и тд поскольку родные убоги, годятся совсем на простые лендосики, ну или если повезет по верстке.
- - - - - - Верстаку приходится читать документацию, вообще не видел ни 1 верстака на своей памяти который бы знал 30% класов бутстрапа, тут получается коллизия что контентщики умеют им лучше пользоваться. Верстакам религия не позволяет прочитать есть ли эта шляпа в бутстрапе, ему проще нахреначить width 100% в свои классы чем открыть документацию и глянуть может такой класс уже есть? и я бадяжу какую-то дичь.

Не раз встречал такую хрень в бутстрапе


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

[Дмитрий Орлов]

Виктор Таран, Очень интересная оценка. Но когда есть макет без самостоятельной верстки не куда не деться

[formasters777]

Дмитрий Орлов, когда Вы получите задание, проект, или заказ,
Вы можете встретить в нём кучу ошибок, странных стилей, недоработок, Вы может будете 10-й человек, которому что-то дали изменить в проекте.
Если речь идёт только о фронт-енд'е, Вам желательно знать естественно и bootstrap, tailwind, antdesign, сетки, резиновую адаптивную вёрстку, flexbox, css grid, как блоки работают.
Но, по факту в нормальных проектах их не используют.
Здесь уже вопрос, что Вы уже пытаетесь работать с тем, что есть.
Стили добавить, поправить то, что создано до Вас,
может проект писали 5 лет назад, и захотели стиль поменять.

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

[Дмитрий Орлов]

formasters777, очень точное замечание. Буквально вчера парень в чатах искал того кто может доделать слайдер, а там слайдер который переключает всю страницу между покупателем и продавцом, то есть меняется вся информация, это всё в одном html файле, куча css папок. Там настолько бардак. Может я по неопытности чужой код не разобрал

[dareko]

formasters777,

Но, по факту в нормальных проектах их не используют.

Скажите, пожалуйста, а что используют в нормальных проектах? Не из праздного интереса спрашиваю.