Yii2

2015-10-27 13 views
5

にナビゲーションバーのプロパティをカスタマイズするにはどうすればこのようなナビゲーションヘッダーを持っている:Yii2

<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 --> 

をそしてこれはのコードです私Layoutyii\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 frameworkNavbarウィジェットを使って教えることができる人はいますか?ここで[OK]を

+0

この問題は解決しましたか? –

+0

@MikeRossはまだありません。この問題を解決する方法を教えてください。 –

+0

Navbarを使っているページは?メインレイアウトで、または直接ビューファイルで使用したいのですか?違いはありますが、このナビゲーションバーを使用したいページのコードを含めてください。 –

答えて

4

は、ここで私はちょうどあなたが質問に投稿された正確に何から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(); 
?> 
+0

ありがとう、その仕事! –

+0

@Shinoda_ happy to help –