PHP實(shí)戰(zhàn)
<!--選項(xiàng)卡開(kāi)始-->
<?php
echo \yii\bootstrap\Tabs::widget([
'id' => 'tabs',
'renderTabContent' => false, //如果是每個(gè)選項(xiàng)卡里要顯示的是自定義的DIV或者Render其他頁(yè)面文件,就設(shè)為false.
'linkOptions' => ['data-toggle' => "tab"],
'items' => [
    [
'label' => Yii::t('app', '帳號(hào)設(shè)置'),
'content' => '',
'headerOptions' => ["id" => 'li_account'], //可設(shè)可不設(shè)
'url' => '#tab_account',
'active' => true,
    ],
    [
'label' => Yii::t('app', '修改密碼'),
'content' => '',
'headerOptions' => ["id" => 'li_password'],
'url' => '#tab_password',
'active' => false,
    ],
    [
'label' => Yii::t('app', '綁定郵箱'),
'content' => '',
'headerOptions' => ["id" => 'li_email'],
'url' => '#tab_email',
'active' => false,
    ]
  ]
]) ?>
<div class="tab-content">
  <!--修改個(gè)人信息-->
　　<div class="tab-pane active"id="tab_account"> <!--ID要對(duì)應(yīng)上面的第1個(gè) item 的URL-->
　　　　 內(nèi)容....　　
　　</div>
  <!--修改密碼-->
　　<div class="tab-pane"id="tab_password"> <!--ID要對(duì)應(yīng)上面的第2個(gè) item 的URL-->
　　　　 內(nèi)容....　　
　　</div>
  <!--綁定郵箱-->
　　<div class="tab-pane"id="tab_email"> <!--ID要對(duì)應(yīng)上面的第3個(gè) item 的URL-->
　　　　 內(nèi)容....　　
　　</div>
</div>
<!--選項(xiàng)卡結(jié)束-->