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

Question

[Nastyuuuushka]

Код с использование бутстрапа получается не очень красивый ведь в некоторые блоки приходится прописывать col-lg + col-md + col-sm + col-xs, сейчас все так делают или же это дурной тон? Но как же тогда верстать без этого всего чуда?

Answer 1

[Алексей Сол]

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

Comments

[Nastyuuuushka]

всё безобразие это в порядке вещей? Ведь код некрасив становится, как например div class="col-lg-6 col-md-4 col-xs-4 "

[Алексей Сол]

Nastyuuuushka: да, это один из минусов использования Бутстрапа. Общая громоздкость разметки, и т.д. Но это компенсируется (я бы даже сказал оправдывается) быстротой написания кода.

Я вовсе не защищаю этот фреймворк, но моё мнение такое, что на пути становления фронт-ендом, человек должен хотя бы минимально освоить его — это даст ему расширенное представление о сетках, может быть, он что-то узнает новое о медиа-запросах (тем более в v4, где пиксели замениили на em) и о готовых компонентах.

[theWaR_13]

MaxKorz: я, например, с помощью sass делаю. В итоге код в css принимает очень удобный вид типа
include mq-xs {
background: #fff;
}

[theWaR_13]

MaxKorz: отнюдь, нет :) Mqpacker отлично сливает все медиа-запросы в один и кода получается ровно столько же, а читаемость возрастает в разы.

[theWaR_13]

MaxKorz: а что руками? Я один раз создал миксин с медиа-запросом, а дальше внутри него пишу правила. Очень удобно все.

[theWaR_13]

MaxKorz: опять же, на миксинах.
include col-xs-12();
include col-sm-8();
include col-lg-4();

[theWaR_13]

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

Answer 2

[iBird Rose]

а чем тебе эти классы не угодили? дурной тон? - с чего бы? учитывая что это пока топовый ксс фреймворк - никто не будет называть его элементы дурным тоном. с непривычки мб тока в глаза бросаются классы. больше ничего такого не вижу в бутсрапе.

Comments

[Максим]

ну , ну а о фундейшен забыли ?

Answer 3

[Alex]

bootstrap 4
там флексбокс, правда поддержка пока не полная у браузеров, но нету кучи классов

Comments

[Nastyuuuushka]

нет кучи? ведь там еще col-xl добавили, наоборот больше

[Alex]

Nastyuuuushka: Я про flexbox

Answer 4

[metaf]

А как вы думаете писать разные леяуты? Думаете, везде будут семантичные классы? Даже если писать сетку в css, а не в html, вы в итоге придете к тому, что у вас будет .l-sb, .l-с, всякие col и т.д! Если, конечно, весь ваш сайт не состоит из одной страницы с контентом и сайдбаром.
А бутстраповские классы - это как единый язык для верстальщиков - видишь их и сразу понимаешь что там написано и как сетка перестраивается под разные разрешения.
П.с. Я бутстрап не использую и не люблю, но что может так возмутить в той сетке - не совсем понимаю. Сетка там неплохая для шаблонных задач.

Answer 5

[Алекс Глебов]

Кто верстал на таблицах, с появлением адаптива перешели на бутстрап - все просто.
юзай флекс.