Yii框架下配置最新版yii-bootstrap组件

bootstrap是一款优秀的开源UI框架，基于bootstrap和yii框架，我们可以不需要花费精力去关心前台的UI界面实现，而能够实现优美简洁的Web开发，之所以写这篇文章的原因是网上Yii下配置bootstrap组件的文章大多过时，而且不适于新手操作。

 

1.首先需要下载yii-bootstrap压缩包，可以去 Yii 扩展网站下载，最新版本为0.2

http://www.yiiframework.com/extension/yii-bootstrap/

2.将压缩包解压后复制到你的Yii工程的根目录下，使protected、themes两个文件夹合并

3.打开工程的控制器基类，一般为protected/components/Controller.php

在初始化方法内添加加载方法

<?php
public function init() {
    $this->attachBehavior('bootstrap', new BController($this));
    ...
}
?>

 

4.在工程的设置文件中添加如下代码

<?php
return array( // this row should already exist
    ...
    'theme'=>'bootstrap',  //使整个工程的主题为默认的bootstrap
    ...
    'import' => array(
        ...
        'ext.bootstrap-theme.widgets.*',
        'ext.bootstrap-theme.helpers.*',
        'ext.bootstrap-theme.behaviors.*',
    ),
    ...
    'modules' => array(
        ...
        'gii' => array(
            ...
            'generatorPaths'=>array(
                'ext.bootstrap-theme.gii',
            ),
        ),
        ...
    ),
    ...
);
?>

 

现在你可以随意的使用Yii自带的组件，bootstrap将会自动给你渲染，贴图一张（Yii自动生成的默认App，没做任何修改）