А как вы верстаете сетку и адаптив на БЭМ? Неужели каждый раз вручную?
Неужели я первый кто решил использовать готовый НЕ БЭМ css код в методологии БЭМ?
Я просто хочу понять, как лучше такой не бэм код вписать в бэм?
@extend к человечески-названным бэм блокам?
Или в html код просто вместе с бэм классами пишем не бэм?
Или еще как то?
К сожалению, не первый. И, увы, не последний. В методологии нет описания конкретных реализаций типовых примеров, поэтому всё, что не противоречит методологи — всего лишь не противоречит методологии. Не «является правильным», а именно не противоречит. Верный способ — тот который наиболее удобен и продолжает «не противоречить методологии».
Например, мне удобно, когда в стилях блока описан их лэйаут (без лишних зависимостей от других блоков-классов), поэтому, если блок как-то подчиняется тому, что вы называете сеткой, я описываю их в самом блоке (или элементе) и, если вариаций несколько — в его модификаторах. Такой подход гарантирует мне, что, например, список статей ( ul.list_view_articles ) будет выводиться карточками по N в ряд в зависимости от ширины экрана, потому что так описано в стилях списка статей ( list_view_articles.css ), а не потому, что кто-то (даже если я) зачем-то (дже если оправдано) навесил (или забыл или опечатался) туда бутстраповские классы.
Мой подход правильный для меня, потому что он:
а) не противоречит методологии
б) является для меня наиболее удобным.
Если вы плохо умеете в вёрстку и вам проще выучить классы стороннего фреймворка, чем ванильное решение, то пример с бутстрапом тоже верный (пока он не противоречит методологии).
