yiisae开发：开发bootstrap应用

时间：2012-4-27 作者：smarteng 分类： Yii-sae开发

http://yiisaedev.sinaapp.com/ 这个大家看过没有，如果没看，今天可就要变样子了 ^_^

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

今天就让他变化一下。

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

地址：http://yii.neatcn.com/extension/bootstrap/

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

我等等再下载。

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

官方的文档请移步:

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

先做个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'=>'#'),

)),

)); ?>

上一篇:yiisae开发：各种技巧和吐糟下一篇:yiisae开发：开发简单应用