Как в Bootstrap создать многоуровневое меню или список?

Question

[Сергей Кривошеев]

Добрый день. Существует ли возможность используя Nav создать такое меню?


Оно больше похоже на многоуровневый список. Может каким то другим компонентом. Очень было бы хорошо если в рамках Yii2 был готовый компонент, чтобы самому не рисовать. Т.к. задача думаю стандартная, но в документации bootstrap не нашел информации

https://github.com/leandrogehlen/yii2-treegrid похожий функционал, я его использую для редактирования элементов меню.

Comments

[sazhyk]

Я конечно не версталь, но вроде простыми css-ками это элементарно решается. Берешь список маркированный и фигачишь к нему стили. Грубовато, но не холивара ради.
Не?

Answer 1

[Максим Тимофеев]

А чем Вас yii\widgets\Menu не устраивает?
www.yiiframework.com/doc-2.0/yii-widgets-menu.html
Да и тот же nav не ограничен одним уровнем.

Answer 2

[Алексей Сергеев]

https://bootsnipp.com

Тут поищите примеры

Answer 3

[Дмитрий]

Добрый день.

Существует ли возможность используя Nav создать такое меню?

Достаточно заглянуть в документацию и потребность в написании вопроса отпадает сразу же.
Nav(items)

P.S. И там же, по ссылке, которую я дал, в самом начале страницы пример.
Читайте документацию, не ленитесь!

echo Nav::widget([
    'items' => [
        [
            'label' => 'Home',
            'url' => ['site/index'],
            'linkOptions' => [...],
        ],
        [
            'label' => 'Dropdown',
            'items' => [
                 ['label' => 'Level 1 - Dropdown A', 'url' => '#'],
                 '<li class="divider"></li>',
                 '<li class="dropdown-header">Dropdown Header</li>',
                 ['label' => 'Level 1 - Dropdown B', 'url' => '#'],
            ],
        ],
        [
            'label' => 'Login',
            'url' => ['site/login'],
            'visible' => Yii::$app->user->isGuest
        ],
    ],
    'options' => ['class' =>'nav-pills'], // set this to nav-tab to get tab-styled navigation
]);