2015-10-27 43 views
5

Tôi có tiêu đề chuyển hướng như thế này:Làm thế nào để tùy chỉnh hữu Navbar trong 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> 

Tôi có vấn đề khi tôi muốn chuyển đổi mã này sử dụng 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 --> 

Và đây là quy tắc ứng của tôi Layout sử dụng 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(); 
?> 

Tôi có được đọc Navbar Widget, nhưng vẫn không hiểu. Có ai có thể dạy tôi cách sử dụng tiện ích Navbar trên Yii2 framework không?

+0

bạn đã giải quyết được vấn đề này chưa? –

+0

@MikeRoss chưa. bạn có thể dạy tôi cách giải quyết vấn đề này không? –

+0

Trên trang nào bạn đang sử dụng Thanh điều hướng? trong bố cục chính hoặc bạn muốn sử dụng nó trực tiếp trong tệp xem? Không phải là nó tạo ra nhiều sự khác biệt nhưng bao gồm mã của trang đó mà bạn muốn sử dụng thanh điều hướng này –

Trả lời

4

Ok đây là mã cho rằng, ở đây tôi đang chỉ đặt searchbox từ chính xác những gì bạn được đăng trong câu hỏi và tôi đoán rằng bạn biết làm thế nào để echo đường dẫn menu khác trong navbar

Dù sao nó đi như thế này

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

Cảm ơn bạn, Công việc của nó! –

+0

@Shinoda_ vui lòng trợ giúp –

Các vấn đề liên quan