сделать 50% работы не описав ни одного класса

сделать проект приемлемым для людей знающих бутстрап, но не юзающих БЭМ

Я очень хочу понять что еще помимо "чистоты" я получаю, когда миксую грид в БЭМ

Ничего (имхо). И это ложная «чистота» — я провёл эксперимент и полностью отказался от «бутстрапоподобных» классов — мои блоки и стили приобрели свойства, которые принадлежат «сами себе». Тем более все эти col-lm-8 дают ложное восприятие, что интерфейсы строятся по сетке — это не так: в реальности блок имеет элементы, которые занимают 1/4 или, например, 1/5 ширины,  не какие-то колонки. Все компоненты интерфейса подчиняются этому правилу — или это дробная часть от всей доступной ширины (от 1/1 до 1/n), или ширина равна содержимому (например, ширина кнопки равна ширине текста в ней).

С появлением flexbox-контейнеров все макетные сетки превратились в архаичный костыль. В рзметке страницы газеты макетная сетка — единственный способ, но в веб-интерфейсах контент динамичный, вгонять его в рамки колонок — значит ограничивать вёрстку.

Чем отличие понятие “Колонка” от понятие ширина 1/4

Колонка привязяна к родителю. Если максимальное количество колонок 12 (де-факто стандарт), то как сделать 5 колонок?
Вместо этого, когда у тебя ширина всегда 100%, а «колонки» ты задаёшь отношением, то ты просто пишешь:

.list_of_articles {
  width: 100%;
}

.list_of_articles .list__item {
  lost-column: 1/5
}

Теперь, чтобы поменять количество элементов в строке мне не нужно менять классы, я просто меняю декларацию там, где она и должна храниться — в .list_of_articles .list__item

P.S. я для колонок использую http://lostgrid.org/ — мощная штука.

@Realetive контент то динамичный, но контролировать его поведениях на определенных участках всетаки полезно

бутстрапоподобные классы еще и место экономят, т.к. используются по 9000+ раз на больших проектах
Конечно если верстать лэндинг - бутстрах покажется излишним...

Все таки это не убедило меня не использовать бутстрап грид (а мне очень хотелось бы)

А что бы убедило?

в идеале - тезисно почему сетку стоит миксовать, а не юзать раздельно (добавляя бутстраповские классы)
мб с плюсами и минусами, чтобы решить для себя раз и навсегда эту дилемму

Так в вашем идеале нет пункта «сетки не нужны» — любой мой довод был бы неубедительным, даже тот факт, что я их не использую года 4 и ни рзу с тех пор об этом не пожалел.

так этот LostGrid те же сетки

вопрос ведь не в том что юзать: флекс или грид
вопрос - миксовать это в классы или юзать как модификаторы (как бутстрап)

Вот я как раз про то, что оба варианта отдаляют от понимания БЭМа. Да, не важно, на чём построены сетки, хоть на float'ах, смысл в том, что информация о колонках лучше (правильнее) хранить в самом компоненте, а не в миксе.

правильнее - единственный довод ЗА

Ну, этого достаточно ¯\_(ツ)_/¯
Или есть какие-то доводы «против»?

Сегодня? URL!

не-не, 4 декабря!

Через 3 недели.

.list_of_articles {
  width: 100%;
}

.list_of_articles .list__item {
  lost-column: 1/5
}

О, выглядит круто. А во что оно умеет компилироваться? В IE8 сумеет? Мб с какими-нибудь опорными элементами

Да. Можно во флоаты конветировать.

Кинул в закладки, спасибо