2017-10-17 5 views
0

ナビゲーションバーを作成していて、メニューのメインULタグにクラスを追加するには、この要素にどのようにクラスを追加することができますか。現在、optionsおよびlinkOptionsが利用可能であり、これらの属性をリンク/アンカーおよび親のアンカーのLIに適用します。Navを使用してクラスにULを追加する

ここは私の現在のコードです。

NavBar::begin([ 
     'innerContainerOptions'=>['class'=>'container-fluid'], 
     'options' => [ 
      'class' => 'style-ihozflem','style'=>'left: 125px; width: 730px; position: absolute; top: 20px; height: 24px;','data'=>['state'=>'center notMobile', 'dropmode'=>"dropDown"] 
     ], 

    ]); 
    echo Nav::widget([ 
     'encodeLabels'=>false, 
     'activateItems'=>true, 
     'items' => $menuItems, 
    ]); 
    NavBar::end(); 

答えて

1

だけNAVするためのオプションクラスを追加::参考になるウィジェット

echo Nav::widget([ 
    'options' => ['class' => 'whatever-class navbar-nav navbar-right'], 
    'encodeLabels'=>false, 
    'activateItems'=>true, 
    'items' => $menuItems, 
]); 

願っています!

+0

あなたはオプションを使うのが正しいですし、 'UL'タグにクラスを追加しますが、それでも' UL'にデフォルトの 'nav'クラスが追加されています。どうすればよいのでしょうか。 –

+0

あなたは削除できませんNavウィジェットの目的はこのクラスを使用するブートストラップnavをレンダリングすることであるため、デフォルトの 'nav'クラスです。ですから、リンクでulのみをレンダリングしたい場合は、 'Html :: ul'を使って自分で行う必要があります。このリストの例を参照してください:http://www.yiiframework.com/doc-2.0/guide-helper-html.html #lists –

+0

ええ、それを削除するのではなく、navクラスのCSSプロパティをオーバーライドする必要があります。 –

関連する問題