繁体   English   中英

左对齐或右对齐侧边菜单

[英]Left or right align side menu

我在互联网上搜索过,但找不到任何关于如何使用 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

好的,我设法在我的页面上显示了一个侧边栏,这就是我所做的; 创建了一个 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">

但是不知道对这个有没有影响,因为我说我不擅长设计。

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM