E005

E005

Bootlint v0.x

Found both .row and .col-*-* used on the same element

The .row class and grid column classes (e.g. .col-md-5) should not be used together on the same element. Instead, nest one within the other.

Wrong:

<div class="row col-xs-6">...</div>

Right (Note that the two options have different meanings):

<div class="row">
  <div class="col-xs-6">...</div>
</div>

<!-- Or, depending on the semantics you need: -->

<div class="col-xs-6">
  <div class="row">...</div>
</div>

Bootlint v1.x (Bootlint for Bootstrap v4 and newer)

Found both .row and .col* used on the same element

The .row class and grid column classes (e.g. .col-md-5) should not be used together on the same element. Instead, nest one within the other.

Wrong:

<div class="row col-md-6">...</div>

Right (Note that the two options have different meanings):

<div class="row">
  <div class="col-md-6">...</div>
</div>

<!-- Or, depending on the semantics you need: -->

<div class="col-md-6">
  <div class="row">...</div>
</div>