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
在初始化方法內添加加載方法
1 <?php2 public function init() {3 $this->attachBehavior('bootstrap', new BController($this));4 ...5 }6 ?>
4.在工程的設置文件中添加如下代碼
1 <?php 2 return array( // this row should already exist 3 ... 4 'theme'=>'bootstrap', //使整個工程的主題爲默認的bootstrap 5 ... 6 'import' => array( 7 ... 8 'ext.bootstrap-theme.widgets.*', 9 'ext.bootstrap-theme.helpers.*',10 'ext.bootstrap-theme.behaviors.*',11 ),12 ...13 'modules' => array(14 ...15 'gii' => array(16 ...17 'generatorPaths'=>array(18 'ext.bootstrap-theme.gii',19 ),20 ),21 ...22 ),23 ...24 );25 ?>
現在你可以隨意的使用Yii自帶的組件,bootstrap將會自動給你渲染,貼圖一張(Yii自動生成的默認App,沒做任何修改)