如何在Yii2中自定义Navbar属性

Question

我有这样的导航标题:

<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  <div class="container-fluid">
    <div class="navbar-collapse collapse">
      <form class="navbar-form navbar-right" role="search">
        <div class="form-group has-feedback">
            <input id="searchbox" type="text" placeholder="Search" class="form-control">
            <span id="searchicon" class="fa fa-search form-control-feedback"></span>
        </div>
      </form>
    </div><!--/.navbar-collapse -->
  </div>
</div>

我想使用以下代码转换此代码时遇到问题yii\bootstrap\NavBar;:

<div class="navbar-collapse collapse">
     <form class="navbar-form navbar-right" role="search">
           <div class="form-group has-feedback">
                <input id="searchbox" type="text" placeholder="Search" class="form-control">
                <span id="searchicon" class="fa fa-search form-control-feedback"></span>
            </div>
      </form>
</div><!--/.navbar-collapse -->

这是我Layout使用的代码yii\bootstrap\NavBar;:

<?php
    NavBar::begin([
        'brandLabel' => 'My Company',
        'brandUrl' => Yii::$app->homeUrl,
        'options' => [
            'class' => 'navbar navbar-inverse navbar-fixed-top',
            'role' => 'navigation',
        ],
    ]);
    NavBar::end();
?>

我一直在阅读Navbar Widget,但仍然不明白.有没有人可以教我使用Navbarwidget Yii2 framework？

Answer 1

好的,这里是代码,在这里,我只是放置searchbox你正在发布的问题,我猜你知道如何echo在navbar中的其他菜单链接

无论如何,它是这样的

<?php
NavBar::begin([
'brandLabel' => 'My Company',
'brandUrl' => Yii::$app->homeUrl,
'options' => [
    'class' => 'navbar navbar-inverse navbar-fixed-top',
    'role' => 'navigation',
],
]);

$menuItems = [
    ['label' => 'Home', 'url' => ['controller url here']],
];

 echo Nav::widget([
    'options' => ['class' => 'navbar-nav navbar-right'],
    'items' => $menuItems,
]);
echo "<form class='navbar-form navbar-right' role='search'>
       <div class='form-group has-feedback'>
            <input id='searchbox' type='text' placeholder='Search' class='form-control'>
            <span id='searchicon' class='fa fa-search form-control-feedback'></span>
        </div>
  </form>";
NavBar::end();
?>