Можно ли так делать по БЭМ?

Question

[Андрей]

Всем доброго времени суток!
Могу ли в данном примере объединить info__wrapper и container в один div?

<section class="info"> 

    <div class="container">
      <div class="info__wrapper">  
        <div class="info__inner">
          <h2 class="info__title">Lorem ipsum</h2>
          <p class="info__text">
            Lorem ipsum dolor sit amet consectetur adipisicing elit.
            Obcaecati fuga aperiam expedita esse doloribus earum perferendis nihil iusto nam quae.
          </p>
          <a href="" class="info__link">Lorem ipsum dolor sit</a>
        </div>
      </div>
    </div>

  </section>

Comments

[Вадим Тимошенко]

Я объединяю:

<div class="container info__wrapper">
...
</div>

.container - в моем случае это класс bootstrap.

[Андрей Ефимов]

Я тоже миксую, если у info__wrapper есть иная роль чем у контейнера, а если по задаче за ним нет css-кода, зачем он нужен? Принцип разделения ответственности.

Answer 1

[Олег]

Да, в БЭМе вы можете миксовать сущности сколько душе угодно

Answer 2

[dom1n1k]

Нет, так плохо. Должен быть один из 3-х вариантов:

<!-- 1 -->
<section class="info"> 
    <div class="info__something container">
        <div class="info__wrapper"> 

<!-- 2 -->
<section class="info container"> 
    <div class="info__wrapper">  

<!-- 3 -->
<section class="info"> 
    <div class="info__wrapper container">

Comments

[Aetae]

Не понял, чем отличается 3 вариант от того что спросил автор вопроса?

[dom1n1k]

Тем, что между блоком .info и его элементами нет неконтролируемой (этим блоком) прослойки.