Yii-Bootstrap

Bootstrap is an html, css, javascript framework that you can use as basis for creating a web sites or web applications.

Reasons why you should use bootstrap in your web application

• Easy to get started
• Great grid system
• Base styling for most HTML elements
• Extensive list of components
• Bundled Javascript plugins
• Good documentation

To use Bootstrap in Yii you can use Yii-Bootstrap. Yii-Bootstrap is an extension  for Yii that provides a wide range of widgets that allow developers to easily use Bootstrap with Yii. All widgets have been developed following Yii's conventions and work seamlessly together with Bootstrap and its jQuery plugins. To download yii-bootstrap extension go to the following link.

http://www.cniska.net/yii-bootstrap/setup.html

Move the downloaded folders to your project directory.You can create a new file called 'js/plugins' and put the file under that directory.

In order to access the bootstrap codes, you should set the path inside the project. Inside your project go to 'protected/views/layouts/main.php' Add the path to your bootstrap files as below.

<script src="<?php echo Yii::app()->request->baseUrl; ?>/js/plugins/bootstrap.js" type="text/javascript"></script>

Now you can use Bootstrap. 

Read the documentation.  http://www.cniska.net/yii-bootstrap/

Further Details:

http://www.tutorialspoint.com/bootstrap/
http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/
http://www.lynda.com/Bootstrap-training-tutorials/1421-0.html