{{tag>dw bs3 footer}}

====== DokuWiki Bootstrap3 テンプレートで全幅フッターを実装する ======

DokuWiki Bootstrap3 テンプレートのフッター全体に色を付けたくても、左右が切れてしまいます。
これは、footer タグ自身が .container クラスで装飾されているため、左右のマージンが消せないためです。

HTML埋め込みでスタイルを上書きすれば左右のマージンは消せますが、そうすると、今度はフッター内部のコンテンツが中央寄せできなくなってしまいます。

これを回避するためには、テンプレートソースに手を入れ、footer.container(-fluid) を削除し、footer の中身を div.container(-fluid) でラップする必要があります。

lib/tpl/bootstrap3/main.php 181行目
lib/tpl/bootstrap3/detail.php 527行目

<sxh php; first-line: 181; >
    <footer id="dw__footer" class="dw-container py-5 dokuwiki container<?php echo ($TPL->getConf('fluidContainer')) ? '-fluid' : '' ?>">
        <?php
            // Footer hook
            tpl_includeFile('footer.html');

            // Footer DokuWiki page
            require_once('tpl/footer.php');

            // Cookie-Law banner
            require_once('tpl/cookielaw.php');
        ?>
    </footer>
</sxh>

<sxh php; first-line: 181; >
    <footer id="dw__footer" class="dw-container py-5 dokuwiki">
        <div class="container<?php echo ($TPL->getConf('fluidContainer')) ? '-fluid' : '' ?>">
        <?php
            // Footer hook
            tpl_includeFile('footer.html');

            // Footer DokuWiki page
            require_once('tpl/footer.php');

            // Cookie-Law banner
            require_once('tpl/cookielaw.php');
        ?>
        </div>
    </footer>
</sxh>