Контейнер-жидкость в NavBar yii2

Question

Я начал обучение yii2,

Я хочу создать макет, как это: http://www.yiiframework.com/doc-2.0/ext-bootstrap-index.html

Я немного запутался, как евай написать бутстраповскую Nav. Я хочу создать навигацию для контейнерной жидкости. У меня есть запись в HTML на CodeIgniter, как это:

<nav class="navbar navbar-default navbar-fixed-top"> 
<div class="container-fluid"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <a class="navbar-brand" href="<?php echo site_url('admin'); ?>"><i class="fa fa-home"></i> <?php echo $this->config->item('erp_title'); ?></a> 
    </div> 
    <div id="navbar" class="collapse navbar-collapse"> 
     <ul class="nav navbar-nav navbar-left"> 
      <li><a href="#"><i class="fa fa-spinner fa-spin"></i> Export</a></li> 
      <li><a href="#"><i class="fa fa-anchor"></i> Import</a></li> 
      <li><a href="#"><i class="fa fa-archive"></i> Inventory</a></li> 
      <li><a href="#"><i class="fa fa-gavel"></i> Operation</a></li> 
      <li><a href="#"><i class="fa fa-money"></i> Marketing</a></li> 

      <li><a href="#"><i class="fa fa-money"></i> Keuangan </a></li> 
      <li><a href="#"><i class="fa fa-money"></i> Accounting </a></li> 
      <li><a href="#"><i class="fa fa-pencil"></i> Persum </a></li> 
      <li><a href="#"><i class="fa fa-ship"></i> Armada</a></li> 
      <li><a href="#"><i class="fa fa-laptop"></i> IT</a></li> 

     </ul> 

     <ul class="nav navbar-nav navbar-right"> 
      <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-user"></i> <?php print_r($this->ion_auth->user()->row()->username); ?> <span class="caret"></span></a> 
       <ul class="dropdown-menu" role="menu"> 
        <?php 
        if ($this->ion_auth->is_admin()) { 
         ?> 
         <li><a href="<?php echo site_url('admin/groups'); ?>">Groups</a></li> 
         <li><a href="<?php echo site_url('admin/users'); ?>">Users</a></li> 
        <?php } ?> 

        <li><a href="<?php echo site_url('admin/user/profile'); ?>">Profile page</a></li> 
        <li class="divider"></li> 
        <li><a href="<?php echo site_url('admin/user/logout'); ?>">Logout</a></li> 
       </ul> 

      </li> 

     </ul> 
    </div><!--/.nav-collapse --> 
</div> 

Как создать Navbar для контейнера-жидкости в yii2?

Answer 1

Вы можете использовать раскладку добавив новые представления макета \ раскладок \

например: wide.php

Заглядывая (копирование) раскладка main.php вы можете изменить его EXPECIALLY часть мгновенную выше изменения контейнер с контейнером-жидкостью

<div class="container-fluid"> 
     <div>  
     <?php echo Breadcrumbs::widget(['links' => isset($this->params['breadcrumbs']) ? $this->params['breadcrumbs'] : [], ]); ?>  
     <?php echo Alert::widget(); ?> 

     <?= $content ?> 
     </div> 
    </div> 

, то вы можете изменить в контроллере макета используется для действия такого образом

public function actionYourAction() 
{ 

    ........ 
    $this->layout = 'wide'; 
    return $this->render('your_view', [ 
     ...... 
     'model'     => $model, 
     ..... 
    ]); 
} 

Answer 2

Правильный способ сделать контейнер с жидкостью для настройки конфигурации вашего NavBar в вашем NavBar :: начать заявление так:

NavBar::begin([ 
    'innerContainerOptions' => ['class' => 'container-fluid'], 
]);