How to combine BEM and bootstrap grid correctly?

Question

css

Hello, is this code correct?

<section class="header">
  <div class="container">
    <div class="header__logotype">
      
    </div>

    <div class="row">
      <div class="col-md-8">
        <div class="header__nav">
          
        </div>
      </div>
    </div>
  </div>
</section>

Answer 1

well, in general, if you use bam, then you also need to make your own grid, preferably, but since the combination of bam and bootstrap is now everywhere and everywhere, then yes. such an approach can be considered normal.

Answer 2

.header__nav{
  @extend .col-md-8;
}

Either via mixins using scss grid option.

Answer 3

ruby.bvision.com/blog/please-stop-embedding-bootst...