Как совмещать bem и bootstrap?

Question

[Ivan Kuznetsov]

Как, в плане кода, совмещать bem и bootstrap. Или использовать только по отдельности?
Мне нравится вариант отказаться от каскада, но с использованием классов/компонентов bootstrap получается каша

Answer 1

[sim3x]

через less/sass

.b-superduper-buton
  .btn

Comments

[Ivan Kuznetsov]

не совсем то, тут уже каскад получается, это развернется в .b-superduper-buton .btn , что уже не делает .btn независимой

[sim3x]

если изменять .btn строго в пределах одного блока кода, то будет подобие независимости.

Для полной независиомоти нужно из бутрапа сделать библиотеку типа компаса

[Рамиль]

Ivan Kuznetsov: В less можно применять стили из .btn конкретно к .b-superduper-buton. Например..
.b-superduper-buton {
.btn;
}
И твой .b-superduper-buton унаследует все стили из .btn в итоговом css не будет каскада.

Answer 2

[Константин Величко]

https://github.com/banzalik/bem-bootstrap