Что есть бэм и как он выглядит?
Бутстрап и бем совместимы
sass.news-item
  @extend col-md-6
  // override styles

.user-bar__avatar-img
....
Имена классов уникальны - потому нет нужды делать.navbar-transparent .navbar-right-menu > li > .btn-white:hover - хватит класса и названия елемента или псевдоклассов
ruby.bvision.com/blog/please-stop-embedding-bootst...
sass-lang.com/guide#topic-7
 Верстаю на базе бутстраповских классов и сетки
Бутстрап использует smass методологию
Это противоположность бема. Все что нужно о ней знать, это то, что её создатель сам перешел на бем и всем посоветовал.
И бутстрап и бем несовместимы.
Если интересны фреимворки, есть google material lite, он использует бем под капотом.
Сеток под бем тоже куча