装飾用ボックスです。
.mgmt-decoration-containerクラスの兄弟セレクタでspectra container や bootstrap container を装飾しています。
削除しないでください。
コンテナなし
> spectra container (Container Width: Full / Content Width: Full)
> spectra container (Container Width: Full / Content Width: Boxed)
エディタ直下のSpectra Containerのboxedの左右のpaddingを Bootstrapのpaddingに合わせる
エディタ直下に配置されたspectraのcontainerでcontainerをfull, contentをboxedにすると左右にpaddingが設定される。
その左右のpaddingのサイズをbootstrapのcontainerと同じものに設定する。
- bootstrap containerxl,lg,md等ごとの横幅固定をspectraの最大ワイド(1200px等)以外100%表示に合わせている。外から2番目の要素のbootstrapのcontainerに.container-speクラスを追加CSSクラスで設定。
- colに追加CSSクラス d-flexを設定してcolカラムの子要素spectra containerの高さを揃えている
> spectra container (Full Full)
> bootstrap container (container-speクラスを追加して、containerの横幅の動きをspectra-containerと同じ仕様にしている)
> bootstrap row
> bootstrap column
> spectra container (Container Width: custom / Content Width: 100%)
bootstrap column
> bootstrap container
> bootstrap container
> spectra container (Container Width: custom / Content Width: 100%)
> bootstrap container
> bootstrap row
> bootstrap column
> spectra container (Container Width: custom / Content Width: 100%)
col
> spectra container (Full Full)
> bootstrap container
> bootstrap row
> bootstrap column
> spectra container (Container Width: custom / Content Width: 100%)
bootstrap column