不要な行の要素がBootstrap 4 グリッドに追加される


説明

Bootstrap 4 グリッド システムを使用する際、一部のレンダリングの周囲に不要な行の要素が追加される場合があります。例えば、新規のSXAサイトを作成すると、以下のように、一部のデザインおよびコンポーネントによって不要な<div class=”row”>要素が作成される可能性があります:

<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>

通常、予期されているレンダリングは、以下のような内容です。

<div class="row">
  <div class="component title col-xs-12">
    ...
  </div>
  <div class="component title col-xs-12">
    ...
  </div>
</div>

この問題は、SXAバージョン1.8.0で発生します。

解決策

この問題を解決するには、影響を受ける製品バージョンと互換性のあるパッチを以下のページからダウンロードし、
インストールしてください:
https://github.com/SitecoreSupport/Sitecore.Support.301904/releases
他のXPリリース専用の解決策を入手したい場合、Sitecoreサポートにお問い合わせください。