Closed skysham closed 5 years ago
I am trying to add the class "col-6" on li. If I add class on "items", it will also add "col-6" on li tabs and content div.
I try to use "headerOptions" for add class to li, but seems this property did not working.
Tabs::widget([ 'items' => [ ['label' => 'Email', 'active' => true, 'content' => 'Email Address'], ['label' => 'Phone', 'content' => 'Mobile Phone'], ], 'options' => ['class' => 'row',], 'headerOptions' => ['class' => 'col-6',] ]);
<ul id="w0" class="row nav nav-tabs" role="tablist"> <li class="nav-item col-6"> <a class="nav-link active" href="#w0-tab0" data-toggle="tab" role="tab" aria-controls="w0-tab0" aria-selected="true">Email</a> </li> <li class="nav-item col-6"> <a class="nav-link" href="#w0-tab1" data-toggle="tab" role="tab" aria-controls="w0-tab1" aria-selected="false">Phone</a> </li> </ul>
<ul id="w0" class="row nav nav-tabs" role="tablist"> <li class="nav-item"> <a class="nav-link active" href="#w0-tab0" data-toggle="tab" role="tab" aria-controls="w0-tab0" aria-selected="true">Email</a> </li> <li class="nav-item"> <a class="nav-link" href="#w0-tab1" data-toggle="tab" role="tab" aria-controls="w0-tab1" aria-selected="false">Phone</a> </li> </ul>
I am trying to add the class "col-6" on li. If I add class on "items", it will also add "col-6" on li tabs and content div.
I try to use "headerOptions" for add class to li, but seems this property did not working.
What steps will reproduce the problem?
What's expected?
What do you get instead?
Additional info