2017-02-11 10 views
0

私は以下のデフォルトのYii2出力を参考にしました。Yii2 NavBar - クラスをnavbar-headerに追加するプロパティは?

<nav id="w0" class="navbar-inverse navbar-fixed-top navbar" role="navigation"> 
    <div class="container"> 
     <div class="navbar-header"> 
     ... 

私が持っているコードは...

所望通り brandOptionsが後で出力におけるブランドリンクに、印加される出力...

<nav id="w0" class="navbar navbar-default navbar-custom navbar-fixed-top" role="navigation"> 
    <div class="container"> 
     <div class="navbar-header"> 
     ... 

NavBar::begin([ 
    'options' => [ 
     'class' => 'navbar navbar-default navbar-custom navbar-fixed-top', 
    ], 
    'brandOptions'=>[ 
     'class'=>'page-scroll' 
    ], 
    ... 
]); 

あります。私が求めていた出力...

<nav id="w0" class="navbar navbar-default navbar-custom navbar-fixed-top" role="navigation"> 
    <div class="container"> 
     <div class="navbar-header page-scroll"> 
     ... 

私はそこに第二のdivにクラスを追加したいんだ、「ナビゲーションバー - ヘッダ」を取得しますが、すべての私の試みのために、私がされていない1それを適用するプロパティを識別することができます。任意のヒント?事前に

おかげで、 ペドロ:) CSSで

答えて

1

nav > .container > .navbar-header { 

    .... set you css style 


} 

またはあなたはあなたがオプションをこのように使用することができますnavabarウィジェットをsettigに直接

<div class="navbar-header you_class"> 

行うことができますする必要があります例:

NavBar::begin([ 

      'options' => [ 
       'class' => 'navbar navbar-default navbar-fixed-top', 
      ], 
      'innerContainerOptions' => [ 
       'class' => 'navbar-header', 
      ], 
    ]); 
+0

私が探しているのは '$ options = ['class' => 'my_class']'クラスを追加するYii2 NavBarウィジェットのプロパティです。 – Pedro

+0

答えはあなたが探しているものです。 – scaisEdge

+0

これはクラスを 'nav'要素に置きます。質問への私の編集は私がより明確にしたものを作るはずです。 – Pedro

関連する問題