Unnecessary row element added in Bootstrap 4 grid

  • An extra unwanted row element may be added around some renderings when using the Bootstrap 4 grid system. For example, when creating a new SXA site, partial designs and components can create unnecessary <div class="row"> elements:

    <div class="row">
      <div class="row">
        <div class="component title col-12">
          ...
        </div>
      </div>
      <div class="row">
        <div class="component title col-12">
          ...
        </div>
      </div>
    </div>
    instead of the expected
    <div class="row">
      <div class="component title col-xs-12">
        ...
      </div>
      <div class="component title col-xs-12">
        ...
      </div>
    </div>

Applies to:

SXA 1.8 Initial Release

SXA 1.8 Update-1

April 14, 2020
April 14, 2020

Reference number:

301904

Keywords: 

  • SXA