2016-08-31 170 views
2

我称为这个网站http://demos.krajee.com/widget-details/sidenav 我已经在主要布局加入卡尔蒂克导航侧杆按如下但无法正确显示,在FRST图像我已下一图像我的预期输出中所示的输出& 。导航侧栏显示不正确

<?php 
use yii\helpers\Url; 
use kartik\sidenav\SideNav; 
use yii\helpers\Html; 
use yii\widgets\Breadcrumbs; 
use frontend\assets\AppAsset; 
use common\widgets\Alert; 
AppAsset::register($this); 
?> 
<?php $this->beginPage() ?> 
<!DOCTYPE html> 
<html lang="<?= Yii::$app->language ?>"> 
<head> 
    <meta charset="<?= Yii::$app->charset ?>"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <?= Html::csrfMetaTags() ?> 
    <title><?= Html::encode($this->title) ?></title> 
    <?php $this->head() ?> 
</head> 
<body> 
<?php $this->beginBody() ?> 
    <?php 
    $menuItems = [ 
     /*['label' => 'Home', 'url' => ['/site/index']],*/ 
     /*['label' => 'Contact', 'url' => ['/site/contact']],*/ 
    ]; 
    if (Yii::$app->user->isGuest) { 

     //$menuItems[] = ['label' => 'Enquiry', 'url' => ['/site/acenquiry']]; 
     $menuItems[] = ['label' => 'Signup', 'url' => ['/site/signup']]; 
     $menuItems[] = ['label' => 'Login', 'url' => ['/site/login']]; 
    } else { 
     //print_r(Yii::$app->user->id); 

     $menuItems[]=[ 
      'label'=>'Dashboard', 
      'url'=>['/site/dashboard','date'=>'1','status'=>'0'],   
     ]; 
     $menuItems[]=['label' => 'View', 
      'items' => [ 
       ['label' => 'Companies', 
       'url' => ['/company'] 
       ], 
       ['label' => 'Projects', 
       'url' => ['/project'] 
       ], 
       ['label' => 'Documents', 
       'url' => ['/quotedocs'] 
       ], 
       ['label' => 'Quotations', 
       'url' => ['/quotations'] 
       ], 
       ['label' => 'Payments', 
       'url' => ['/grptankpayment'] 
       ], 
      ], 
      ]; 
     $menuItems[]=['label' => 'Configuration', 
     'items' => [ 
      ['label' => 'Status Types', 
      'url' => ['/status'] 
      ], 
      ['label' => 'Document Types', 
      'url' => ['/doctype'] 
      ], 
      ['label' => 'Task Types', 
      'url' => ['/tasktype'] 
      ], 
     ], 
     ]; 
     $menuItems[]=['label' => 'GRP', 
     'items' => [ 
      ['label' => 'GRP Panels', 
      'url' => ['/grptankpanels'] 
      ], 
      ['label' => 'GRP Tools', 
      'url' => ['/grptanktools'] 
      ], 
      ['label' => 'GRP Main Accessories', 
      'url' => ['/grptankaccessories'] 
      ], 
      ['label' => 'GRP Sub Accessories', 
      'url' => ['/grptanksubaccessories'] 
      ], 
     ], 
     ]; 
     $menuItems[]=[ 
      'label'=>'Company', 
      'url'=>['/company/create'], 
      'linkOptions' => ['data-method' => 'post']    
     ]; 
     $menuItems[]=['label' => 'Project', 
     'items' => [ 
      ['label'=>'Create Project', 
      'url'=>['/project/create'], 
      ], 
      ['label'=>'Project Execution', 
      'url'=>['/project-execution/create'], 
      ],   
     ], 
     ]; 
     $menuItems[] = [ 
      'label' => 'Quotation', 
      'url' => ['/quotations/create'], 
      'linkOptions' => ['data-method' => 'post'] 
     ]; 
     $menuItems[]=[ 
      'label'=>'Sekisui', 
      'url'=>['/grptanksekisui/create'], 
      'linkOptions' => ['data-method' => 'post']    
     ]; 

     $menuItems[] = [ 
      'label' => 'Docs', 
      'url' => ['/quotedocs/create'], 
      'linkOptions' => ['data-method' => 'post'] 
     ]; 

     $menuItems[] = [ 
      'label' => 'Payments', 
      'url' => ['/grptankpayment/create'], 
      'linkOptions' => ['data-method' => 'post'] 
     ]; 
     $menuItems[] = [ 
      'label' => 'My Tasks', 
      'url' => ['/task'], 
      'linkOptions' => ['data-method' => 'post'] 
     ]; 
     $menuItems[] = [ 
      'label' => 'Logout (' . Yii::$app->user->identity->username . ')', 
      'url' => ['/site/logout'], 
      'linkOptions' => ['data-method' => 'post'] 
     ]; 
    } 
    /*echo Nav::widget([ 
     'options' => ['class' => 'navbar-nav navbar-right'], 
     'items' => $menuItems, 
    ]);*/ 

    ?> 

    <div class="container"> 
    <?php echo SideNav::widget([  
     'encodeLabels' => false,  
     'items' => $menuItems, 
     'type' => SideNav::TYPE_PRIMARY 
     ]); ?> 
     <?= Breadcrumbs::widget([ 
      'links' => isset($this->params['breadcrumbs']) ? $this->params['breadcrumbs'] : [], 
     ]) ?> 
     <?= Alert::widget() ?> 
     <?= $content ?> 
    </div> 


<footer class="footer"> 
    <div class="container"> 
     <p class="pull-right">&copy; Test Company <?= date('Y') ?></p> 

    </div> 
</footer> 

<?php $this->endBody() ?> 
</body> 
</html> 
<?php $this->endPage() ?> 

输出图像

Output image

它应该是这样的:

It should be like this

+0

嗨Nayank,如果这或任何答案已解决您的问题,请点击复选标记或加注,考虑[接受它](http://meta.stackexchange.com/q/5234/179419)。这向更广泛的社区表明,您已经找到了解决方案,并为答复者和您自己提供了一些声誉。没有义务这样做。 –

回答

0

这很可能是因为您没有指定自举列宽(col-sm-X)。要得到非常相似的结果,您应该添加2个额外的父div。

相反的:

<div class="container"> 
    <?php echo SideNav::widget([  
     'encodeLabels' => false,  
     'items' => $menuItems, 
     'type' => SideNav::TYPE_PRIMARY 
     ]); ?> 
     <?= Breadcrumbs::widget([ 
      'links' => isset($this->params['breadcrumbs']) ? $this->params['breadcrumbs'] : [], 
     ]) ?> 
     <?= Alert::widget() ?> 
     <?= $content ?> 
    </div> 

是:

<div class="container"> 
    <div class="col-sm-3"> 
    <?php echo SideNav::widget([ 
     'encodeLabels' => false, 
     'items' => $menuItems, 
     'type' => SideNav::TYPE_PRIMARY 
    ]); ?> 
    </div> 
    <div class="col-sm-9"> 
    <?= Breadcrumbs::widget([ 
     'links' => isset($this->params['breadcrumbs']) ? $this->params['breadcrumbs'] : [], 
    ]) ?> 
    <?= $content ?> 
    </div> 
</div> 

我用刚刚small但你可以在这里添加更多选项。