BEM和CSS框架

Question

如何将BEM方法与CSS框架一起使用，例如Bootstrap？如果我具有以下标记结构，可以吗？ ：

 <div class="hero">
    <div class="container">
       <div class="row">
        <div class="col-md-8 mx-auto">
          <h1 class="hero__title"></h1>
        </div>
      </div>
    </div>
  </div>

或者应该像这样构造文档：

<div class="hero">
  <div class="hero__container">
    <div class="hero__row">
      <div class="hero__row-inner">
        <h1 class="hero__title"></h1>
      </div>
     </div>
   </div>
</div>

Answer 1

您不应该尝试将BEM方法应用于“容器，行，列”等实用程序类，但可以尝试使用助手状态col col--xs-12或img img--cover