向左或向右对齐侧面菜单

时间:2015-10-11 18:19:15

标签: html css yii2

我已经在互联网上搜索过,但是找不到任何最新的教程,如何使用kartik的小工具在yii2中创建动态的左侧或右侧菜单。

我需要使用所选对象等更改左侧菜单。每次我尝试嵌入菜单代码时,它都会在主要内容的中心而不是页面的右侧或左侧。

有没有办法实现这个目标?

以下是我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>

在layouts / main.php中使用它     

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

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

1 个答案:

答案 0 :(得分:0)

好的,我设法在我的页面上显示侧栏是我的方式; 创建了一个内容为

的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开始之前添加了下面的代码

    <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">

对于它,但我不知道它是否对此有影响,因为我说我不擅长设计。

但是当我更改顶部导航菜单时,我仍然不知道如何使其动态化。