BEM + Bootstrap(bootstrap grid system), Как правильней делать каркас??
Примешивать bootstrap классы к BEM-блокам или создавать отдельно bootstrap-блоки и в них помещать BEM-блоки??
Есть такая структура https://jsfiddle.net/5eLqLv2b/
Выглядеть должно как на картинке
Прошу все таки помочь разобраться где должны быть .row?! b-header это наш container. b-header__logo, b-header__support, b-header__nav-menu это colums(col-md-).
Если хотите true-БЭМ в html коде, то для создания сетки и элементов правильнее использовать не классы в html, а миксины less или sass. Например, вот less-миксины для сетки https://github.com/enyojs/enyo-docs/blob/master/as...
Прошу все таки помочь разобраться где должны быть .row?! b-header это наш container. b-header__logo, b-header__support, b-header__nav-menu это colums(col-md-).
MadMax90: container можно оставить в html как самостоятельный блок, отвечающий за layout (так, например,сделано на многих проектах яндекса). Тогда b-header станет row. Вообще .row это по сути clearfix - используйте его там, где это действительно нужно
Помещать БЭМ блоки в col-* - так меньше геморроя будет. В исключительных случаях (например убрать padding какой-нибудь у колонки) - навешивать класс на необходимый div
Если я правильно понял ваш вопрос, то рекомендую использовать конвенцию имён бутстрапа при использовании БЭМ, потому что БЭМ - это в первую очередь методология, целью которой является прозрачность кода и изоляция стилей. А если вы будете смешивать две конвенции имён, то прозрачность кода вы ухудшите.
Простой
Простой
