yii2 html ul,Yii2集成 Bootstrap 标签页切换

Yii2 继承了 Bootstrap ，它可以方便我们创建一个基于 Bootstrap 的响应式界面。

yii\bootstrap\Tabs 封装了 Bootstrap 的标签页切换。

实例：// 类文件

use yii\bootstrap\Tabs;

$tableOption = '

基本信息2的内容部分

';

echo Tabs::widget([

'items'=>[

[

'label' => '基本信息1',

'content' => '基本信息1的内容部分',

'options' => ['id'=>'tableBasic', 'style'=>'width:400px; height:100px; background:#ff0;'],

],

[

'label' => '基本信息2',

'content' => $tableOption,           // 内容比较多, 保存到变量里

'options' => ['id'=>'tableOption'],  // 附加到相应的 div 上

'headerOptions' => ['class'=>'aaa'], // 添加到相应的 li 上

'linkOptions' => ['class'=>'bbb'],   // 添加到相应的 a 上

],

],

]);

常用参数：Tabs 的主要参数:

items            array    // 选项卡的数据, 包括标题、内容等

itemOptions      array    // HTML 属性, 将添加到每个内容块的 div 标签上

headerOptions    array    // HTML 属性, 将添加到每个 li 标签上

linkOptions     array    // HTML 属性, 将添加到每个 li 中 a 标签上

navType         string   // ul 的 class 值, 默认为"nav-tabs"

encodeLabels    boolean  // HTML 编码，默认为"true"

renderTabContent boolean // 点击选项卡是否显示其内容，默认为"true"

Tabs items 数组的键值说明:

label           string   // 标题的文字, 选项卡的标题部分

encode          boolean  // HTML 编码，默认为"true"

headerOptions   array    // HTML 属性, 将添加到 li 标签上

linkOptions     array    // HTML 属性, 将添加到 li 中 a 标签上

options         array    // HTML 属性, 将添加到内容块的 div 标签上

content         string   // 内容, 选项卡的内容部分

url             string   // URL地址，如设置，点击标题时将跳转到这个 URL

items           array    //