bootstrap3のデフォルトのtab、pillsクラスでナビメニューやサイドメニューを作成する

使用アドオン：Free Simple Nav Menu Block

Free Simple Nav Menu Blockのアドオンをインストールして、Simple Navi Menuというブロックを任意のエリアにドラッグします。

スクリーンショット 2020-10-08 10.42.49.png

設定ウインドウで表示されます。

スクリーンショット 2020-10-08 11.08.21.png

Nav Menu StyleでデフォルトのLInksのまま保存すると単なるリンクのリストとして表示されます。

スクリーンショット 2020-10-08 11.10.42.png

この場合はコードは、シンプルは

<ul><li>リンク</li></ul>となります。

各スタイルはview.phpの以下のswitch caseで記述されています。

tab,pillsはbootstrap3のデフォルトのクラスでbreadcrumbはview.cssで定義されています。

<?php
    if ($pages) {
        switch ($menu_style) {
            case 0:
                $style = 'links';
                $tag_open = '<ul>';
                $tag_close = '</ul>';
                break;
            case 1:
                $style = 'breadcrumbs';
                $tag_open = '<ol class="breadcrumb">';
                $tag_close = '</ol>';
                break;
            case 2:
                $style = 'tabs';
                $tag_open = '<ul class="nav nav-tabs">';
                $tag_close = '</ul>';
                break;
            case 3:
                $style = 'pills';
                $tag_open = '<ul class="nav nav-pills">';
                $tag_close = '</ul>';
                break;
            case 4:
                $style = 'stacked';
                $tag_open = '<ul class="nav nav-pills nav-stacked">';
                $tag_close = '</ul>';
                break;
            case 5:
                $style = 'sidebar';
                $tag_open = '<ul>';
                $tag_close = '</ul>';
                break;
        }
        ?>

inline List