[原创]yiisae开发：开发bootstrap应用 [ 新手入门 ]

当然如果还是想看看原来什么样子， http://yiidemo.sinaapp.com/ 这个就是最初的样子，

今天就让他变化一下。

首先到yiiframework的官方下载bootstrap扩展，

我擦，又被那啥了！！！访问不了yiiframework官方。

我等等再下载。

下载完毕之后，安装文档说的就可以开始了，

先做个twitter的导航 ：

在views下面的layouts下面，修改main.php

在body下添加 ：

<?php 
$this->widget('bootstrap.widgets.BootNavbar', array(

    'fixed'=>true,

    'brand'=>'Project name',

    'brandUrl'=>'#',

    'collapse'=>true, // requires bootstrap-responsive.css

    'items'=>array(

        array(

            'class'=>'bootstrap.widgets.BootMenu',

            'items'=>array(

                array('label'=>'Home', 'url'=>array('/site/index'), 'active'=>true),

                array('label'=>'About', 'url'=>array('/site/page', 'view'=>'about')),

                array('label'=>'Dropdown', 'url'=>'#', 'items'=>array(

                    array('label'=>'Action', 'url'=>'#'),

                    array('label'=>'Another action', 'url'=>'#'),

                    array('label'=>'Something else here', 'url'=>'#'),

                    '---',

                    array('label'=>'NAV HEADER'),

                    array('label'=>'Separated link', 'url'=>'#'),

                    array('label'=>'One more separated link', 'url'=>'#'),

                )),

            ),

        ),

        '<form class="navbar-search pull-left" action=""><input type="text" class="search-query span2" placeholder="Search"></form>',

        array(

            'class'=>'bootstrap.widgets.BootMenu',

            'htmlOptions'=>array('class'=>'pull-right'),

            'items'=>array(

                array('label'=>'Link', 'url'=>'/site/index'),

                '---',

                array('label'=>'Dropdown', 'url'=>'#', 'items'=>array(

                    array('label'=>'Action', 'url'=>'#'),

                    array('label'=>'Another action', 'url'=>'#'),

                    array('label'=>'Something else here', 'url'=>'#'),

                    '---',

                    array('label'=>'Separated link', 'url'=>'#'),

                )),

            ),

        ),

    ),

)); ?>

打开看看！

一个twitter式导航完成了！请移步

完整文档可以从github上下载： https://github.com/smarteng/yii-sae-doc