Simple use of Yii2 tab

This article has shared the specific code used in the Yii2 tab for your reference. The specific content is as follows

&lt;!--Tab Start--&gt;
&lt;?php
echo \yii\bootstrap\Tabs::widget([
'id' =&gt; 'tabs',
'renderTabContent' =&gt; false, //If you want to display custom DIV or Render other page files in each tab, set to false.'linkOptions' =&gt; ['data-toggle' =&gt; "tab"],
'items' =&gt; [
    [
'label' =&gt; Yii::t('app', 'Account Settings'),
'content' =&gt; '',
'headerOptions' =&gt; ["id" =&gt; 'li_account'], //Can be set or not'url' =&gt; '#tab_account',
'active' =&gt; true,
    ],
    [
'label' =&gt; Yii::t('app', 'Modify password'),
'content' =&gt; '',
'headerOptions' =&gt; ["id" =&gt; 'li_password'],
'url' =&gt; '#tab_password',
'active' =&gt; false,
    ],
    [
'label' =&gt; Yii::t('app', 'Binding Email'),
'content' =&gt; '',
'headerOptions' =&gt; ["id" =&gt; 'li_email'],
'url' =&gt; '#tab_email',
'active' =&gt; false,
    ]
  ]
]) ?&gt;

&lt;div class="tab-content"&gt;
  &lt;!--Modify personal information--&gt;
&lt;div class="tab-pane active"&gt; &lt;!--IDIt should correspond to the above1indivual item ofURL--&gt;
 content....
&lt;/div&gt;
  &lt;!--Modify password--&gt;
&lt;div class="tab-pane"&gt; &lt;!--IDIt should correspond to the above2indivual item ofURL--&gt;
 content....
&lt;/div&gt;
  &lt;!--Bind the email--&gt;
&lt;div class="tab-pane"&gt; &lt;!--IDIt should correspond to the above3indivual item ofURL--&gt;
 content....
&lt;/div&gt;
&lt;/div&gt;

&lt;!--Tab End--&gt;

The above is all the content of this article. I hope it will be helpful to everyone's study and I hope everyone will support me more.