### **上下結構**
```
<div class="tab-container">
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" data-target="#tab_1" aria-expanded="true">域名管理</a></li>
<li class=""><a data-toggle="tab" data-target="#tab_2" aria-expanded="false">偽靜態</a></li>
</ul>
<div class="tab-content form-horizontal">
<div class="tab-pane active" id="tab_1">
域名管理
</div>
<div class="tab-pane" id="tab_2">
偽靜態
</div>
</div>
</div>
```
*****
### **左右結構**
```
<style>
.vertical-tab {
background-color: #f0f0f1;
width: 90px;
}
.vertical-tab .active {
background-color: #dedede;
}
</style>
<div class="col-xs-2">
<ul class="nav nav-tab vertical-tab" style=" height: 645px; ">
<li class="active"><a data-toggle="tab" data-target="#tab_1">域名管理</a></li>
<li class=""><a data-toggle="tab" data-target="#tab_2">偽靜態</a></li>
</ul>
</div>
<div class="tab-content vertical-tab-content col-xs-10">
<div class="tab-pane active" id="tab_1">
域名管理
</div>
<div class="tab-pane" id="tab_2">
偽靜態
</div>
</div>
```
- 關于CMSPRO
- 安裝使用
- 首次使用
- 功能使用
- 系統后臺
- 系統
- 系統配置
- 開發使用
- 基礎學習
- php如何修改文件創建時間
- 類方法
- 系統框架
- 系統入口框架
- URL處理
- 自動附加封裝類、函數入口
- 內置應用
- GET與POST
- 字符控制
- 多語言使用
- 數據庫使用
- 頁面跳轉
- 數組控制
- 時間相關
- 文件操作
- 獲取系統設置的應用目錄
- IP獲取與解析
- 數據分頁
- 內置插件
- 短信發送
- 信息模板
- 消息操作
- 消息操作(舊)
- 資金操作
- 優惠券
- 積分操作
- 服務器接口
- 寶塔接口
- 域名接口
- 西部數據
- whois查詢
- 事件管理器
- 規則管理器
- 電子郵件
- 常用代碼
- 數據獲取與分頁
- 模型自動構建表單
- 排版布局
- 常用樣式
- 編輯表單
- tab選項卡
- JS相關
- 插件
- 鉤子
- 高級進階
- 消息和模板組合使用
- API接口
- 充值支付
- 積分充值兌換
- 短信驗證碼
- 郵箱驗證碼
- 微信消息模板
- 獲取貨幣信息
- 獲取積分信息
- 商品操作
- 信息反饋
- LayIM相關
- 自定義一級URL
- 自定義功能
- 用戶中心
- 網站管理
- 模板引擎v2
- 基礎學習
- 變量輸出
- 使用函數
- 運算符
- 原樣輸出
- 模板注釋
- 模板繼承
- 包含文件
- 內置標簽
- 循環標簽
- 比較標簽
- 條件判斷
- 資源文件加載
- 標簽嵌套
- 原生PHP
- 定義標簽
- 功能應用
- 站點統計
- 數據列表
- 單條數據
- 功能動作
- 賬戶資金
- 賬戶積分
- 網站導航
- 從零使用
- 結構了解
- 基礎工作
- 模板引擎v1
- 模板標簽
- 導航菜單
- 獲取數據列表
- 獲取單條數據
- 廣告以及連接
- if判斷
- 判斷是否登錄
- 判斷系統變量
- 自定義判斷
- 常規判斷
- 模板表單
- 高級使用
- 前后分離v1
- 通用
- 支付
- 積分
- 論壇
- 下載
- 微信
- 云服務SDK開發
- 通用請求