Nav를 사용하여 클래스에 UL 추가하기

탐색 표시 줄을 만들고 메뉴의 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();

출처

2017-10-17 Muhammad Omer Aslam

그냥 탐색 할 수있는 옵션 클래스를 추가 :: 도움이 될 것 위젯

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

희망!

출처

2017-10-17 13:51:52

흠 당신은 옵션을 사용하는 것이 옳은데, 클래스를 'UL' 태그에 추가하지만, 여전히'UL'에 기본'nav' 클래스를 추가합니다. 어떤 생각이든 할 수 있습니다. –

당신은 제거 할 수 없습니다 Nav 위젯의 목적은이 클래스를 사용하는 부트 스트랩 탐색을 렌더링하기위한 것이기 때문에 기본'nav' 클래스입니다. 그래서 링크 만있는 ul을 렌더링하고 싶다면'Html :: ul'을 사용하여 직접해야합니다. 예제는 다음과 같습니다 : http://www.yiiframework.com/doc-2.0/guide-helper-html.html #lists –

예, 나는 그것을 제거하기보다는 nav 클래스의 CSS 속성을 재정의해야합니다. –

Nav를 사용하여 클래스에 UL 추가하기

답변

관련 문제