Какой вариант применения классов сетки Bootstrap выбрать?

Question

[gassmonkey]

В последнее время верстал без фреймворков, но сейчас решил снова вернуться к сетке бутстрап. В связи с чем возник вопрос.
В вёрстке придерживаюсь методологии БЭМ, и добавление классов бутстрапа к блоку в самом html кажется совершенно неразумным, неуместным, плюс довольно убогим эстетически.

<div class="class__element col-xs-12 col-sm-6 col-md-3"></div>

К тому же, при использовании SCSS и сетки susy, привык к такой, на мой взгляд более разумной конструкции:
<div class="class__element"></div>

.class__element{
  @extend .col-md-3;
  @extend .col-sm-6;
  @extend .col-xs-12;
}

А как считаете вы? Какой способ более разумен?

Answer 1

[Сергей delphinpro]

Второй способ более чем разумен.
Только возможно следует задуматься об использовании миксинов вместо расширения классов, а сетку выбросить совсем (ну тут нужно оценить получаемую выгоду в конкретном проекте).

.class__element {
    @include make-sm-column(3);
}

Еще видел такой вариант разметки

<div class="class__element  // col-xs-12 col-sm-6 col-md-3"></div>

Вроде визуальной группировки классов по смыслу.

Comments

[gassmonkey]

Спасибо за ответ. На счёт миксинов задумывался, но отложу на другой раз.
Что скажете на счёт расширяемости и поддержки? Это, наверное, интересует больше всего.
На сколько сложней лично вам было бы работать с проектом, выполненном изначально не вами во втором варианте, из представленных мной?

[Сергей delphinpro]

gassmonkey: Лично мне без разницы, при условии, что мне достались в работу исходники, а не скомпилированный CSS (как это часто, увы, бывает). Тем более я сам часто использую подход с использованием миксинов :)

[gassmonkey]

Сергей: Исходники, конечно, передаются вместе с итоговым билдом. Ещё раз спасибо за конструктивные ответы. Удачи в проф. деятельности, коллега.

Answer 2

[Wheelie]

Второй на много приятнее. Только при условии, что в верстку не будут заглядывать "кодеры", чтобы быстренько вывести новую инфу по аналогии со старой =) Они с ума сойдут))

Comments

[gassmonkey]

Ну почему же? Берём блок с нужным классом, и выводим. Лезть в стили им нет необходимости вообще. Тем более им будет передан весь проект с исходниками, где всё предельно понятно, и конфигом для сборки.
И да, вёрстка, конечно, под натяжку. Верстаются шаблонные блоки, которыми и будет оперировать бэкендер.