Не будет ли говнокодом использовать флексы внутри сетки бутстрап 3?

Question

[MininAlexey]

Всем привет, у Opencart 2.3 стандартная бутстрап сетка - 3 версии. Не будет ли говнокодом внутри row и её колонки(допустим col-md-n) писать стили display: flex(к примеру ul). Просто у флексов столько вкусностей, а пилить старые костыли типо отступы на margin\padding и display:inline-block нет большого желания.

Comments

[Rustam Bainazarov]

Наверное, да.

Но, наверное, всё же нет.

[MininAlexey]

Рустам Байназаров, Т.е лучше не стоит и придерживаться старому бутстраповскому стилю? Просто я кроме как justify, align свойств не собираюсь использовать, т.к позиционирование на флексов более гибкое и удобное.

[Rustam Bainazarov]

MininAlexey, я бы сделал надстройку в виде вспомогательных классов-модификаторов. Либо бы модифицировал сетку под flex.

Либо бы перевел тему на Bootstrap 4. Не думаю, что там развалится многое. А что развалится — подправить.

[MininAlexey]

Рустам Байназаров, Я читал форум на эту тему, очень много модулей, которые нужны будут для магазина поплывут, т.к писались в 2012-2016 годах. Боюсь просто будет двойная работа.Настчет настройки в виде доп. классов - посмотрю как можно будет всё это красиво сделать, спасибо.

[Rustam Bainazarov]

MininAlexey, а, 2012 год. Ну тогда да, LOL.

Answer 1

[Дмитрий]

. row и .col - это абстрактные сущности, которые призваны создать сетку, каркас страницы. Они не имеют никакой семантики или смысловой нагрузки, это просто структурные элементы. Внутри них может быть всё, что угодно - и если это логично сверстать на флексах, то это нужно верстать на флексах.
То есть, если внутри условного col-8 нужно сделать ещё три колонки, внутри которых будет какой-то другой контент, то логично использовать внутри еще один .row и .col-4, так как здесь речь идёт о сетке, каркасе. Если же внутри будет какой-то кастомный блок/элемент, типа меню или чего угодно ещё, где нужны все достижения Flexbox - смело можно использовать флексы, никакого говнокода тут не будет и близко.

Comments

[MininAlexey]

Спасибо)

Answer 2

[Xtrme]

Не будет, это по сути div внутри diva, а .row и .col это всего лишь классы, к которым можно применять любые стили