Tab 切换(Tabs)

简介

如何用yii2-bootstrap自带的组件tabs实现tab切换的功能,今天就用一个简单的实例以及效果演示来告诉大家如果应用tabs这个组件

演示

tab切换效果图

用法

echo Tabs::widget([
  'items' => [
      [
          'label' => 'One',
          'content' => 'Anim pariatur cliche...',
          'active' => true
      ],
      [
          'label' => 'Two',
          'content' => 'Anim pariatur cliche...',
          'headerOptions' => [...],
          'options' => ['id' => 'myveryownID'],
      ],
      [
          'label' => 'Example',
          'url' => 'http://www.example.com',
      ],
      [
          'label' => 'Dropdown',
          'items' => [
               [
                   'label' => 'DropdownA',
                   'content' => 'DropdownA, Anim pariatur cliche...',
               ],
               [
                   'label' => 'DropdownB',
                   'content' => 'DropdownB, Anim pariatur cliche...',
               ],
          ],
      ],
  ],
]);
上一篇