导航栏 yii2 中的容器流体 [英] Container-fluid in navbar yii2
问题描述
我开始学习 yii2,
我想创建这样的布局:http://www.yiiframework.com/doc-2.0/ext-bootstrap-index.html
我有点困惑,yii 如何编写引导程序导航.我想为容器流体创建导航.我在 codeigniter 上写了一个像这样的 html:
<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>导出</a></li><li><a href="#"><i class="fa fa-anchor"></i>导入</a></li><li><a href="#"><i class="fa fa-archive"></i>库存</a></li><li><a href="#"><i class="fa fa-gavel"></i>操作</a></li><li><a href="#"><i class="fa fa-money"></i>营销</a></li><li><a href="#"><i class="fa fa-money"></i>Keuangan </a></li><li><a href="#"><i class="fa fa-money"></i>会计</a></li><li><a href="#"><i class="fa fa-pencil"></i>Persum</a></li><li><a href="#"><i class="fa fa-ship"></i>舰队</a></li><li><a href="#"><i class="fa fa-laptop"></i>IT</a></li><ul class="nav navbar-nav navbar-right">
如何在 yii2 中为 container-fluid 创建导航栏?
使容器变得流畅的正确方法是在 NavBar::begin 声明中调整 Navbar 的配置,如下所示:
NavBar::begin(['innerContainerOptions' =>['类' =>'容器流体'],]);
I am starting learning yii2,
I want to create layout like this : http://www.yiiframework.com/doc-2.0/ext-bootstrap-index.html
I am little confused, how yii write the bootstrap nav. I want to create nav to container-fluid. I have a write in html on codeigniter like this :
<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>
How to create navbar to container-fluid in yii2 ?
The correct way to make the container fluid is to adjust your Navbar's configuration in your NavBar::begin declaration like so:
NavBar::begin([
'innerContainerOptions' => ['class' => 'container-fluid'],
]);
这篇关于导航栏 yii2 中的容器流体的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!