如何在 Yii2 中自定义 Navbar 属性

Question

我的导航 header 是这样的：

<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，还是没看懂。有没有人可以教我在 Yii2 framework 上使用 Navbar 小部件？

Answer 1

好的，这是代码，我只是根据您发布的问题放置 searchbox，我猜您知道如何 echo 导航栏中的其他菜单链接

总之就是这样

<?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();
?>

如何在 Yii2 中自定义 Navbar 属性

How to customize Navbar property in Yii2

css

twitter-bootstrap-3

yii2-advanced-app