デザインコンポーネント - フッター

使用するオプション

• フッター

フッター

記述ルール

• ページフッタ（コピーライト等）は<footer>に記述する
• <footer>の class 属性でヘッダのレイアウトオプション（後述）を指定する
• <main>内に <footer>を配置しない

ソースコード

HTML

<footer class="mf-width-fullexpand">
    <div class="copyright">Copyright &copy; 2019 Symmetric Co., Ltd.All rights reserved.</div>
</footer>

CSS

footer {
    background: #000;
    color: #fff;
    padding: 20px;
    text-align: center;
}

バリエーション

mf-width-expand を指定した場合

mf-width を指定しない場合