Влево или вправо выровнять боковое меню

Question

Я искал в Интернете, но не смог найти ни одного актуального учебника, как создать динамическое меню слева или справа в yii2, используя виджеты kartik.

Мне нужно сменить левое меню на выбранный объект и т. Д. Каждый раз, когда я пытаюсь внедрить код меню, он заканчивается в центре основного содержимого, а не на правой или левой стороне страницы.

Есть ли способ достичь этого?

Вот код для моего sidebar.php:

<?php 
use kartik\sidenav\SideNav; 
?> 
<div class="nav nav-pills nav-stacked"> 
    <div class="span-6"> 
    <?php 
echo SideNav::widget([ 
'type' => SideNav::TYPE_PRIMARY, 
'heading' => 'Menu', 
'items' => [ 
    [ 
     'url' => '#', 
     'label' => 'Search', 
     'icon' => 'search' 
    ], 
    [ 
     'label' => 'Edit', 
     'icon' => 'edit', 
     'items' => [ 
      ['label' => 'About', 'icon'=>'info-sign', 'url'=>'#'], 
      ['label' => 'Contact', 'icon'=>'phone', 'url'=>'#'], 
     ], 
    ], 
], 
]); 
?> 
    </div> 
</div> 

Использование его в макетах/main.php

<?php $this->render('//layouts/sidebar'); ?> 

    <div id="content"> 
... $content here 

Answer 1

Хорошо мне удалось показать боковую панель на моих страницах вот как я сделал; создал sidebar.php с содержанием

<?php 
use kartik\sidenav\SideNav; 
echo SideNav::widget([ 
    'type' => SideNav::TYPE_PRIMARY, 
    'heading' => 'Operations', 
    'items' => [ 
     [ 
      'url' => '#', 
      'label' => 'Search', 
      'icon' => 'search' 
     ], 
     [ 
      'label' => 'Edit', 
      'icon' => 'edit', 
      'items' => [ 
       ['label' => 'About', 'icon'=>'info-sign', 'url'=>'#'], 
       ['label' => 'Contact', 'icon'=>'phone', 'url'=>'#'], 
      ], 
     ], 
    ], 
]); 

, а затем в main.php добавлен код ниже непосредственно перед содержанием начать деление с

<div id="navBar" class="col-sm-2"> 
    <?php $this->beginContent('@backend/views/layouts/sidebar.php'); ?> 

    <?php $this->endContent(); ?> 
</div> 

если у вас есть какие-либо верхнюю панель навигации или заголовок, который вы можете использовать

<div class="navbar"> 
    <div class="col-sm-12"> 

для него, но я не знаю, имеет ли это повлиять на это, как я сказал, что я не очень хорошо дизайн.

Но я до сих пор не знаю, как сделать его динамичным, когда я, например, изменил главное меню навигации.