我开始在Yii和PHP上工作,我使用这个Twitter Bootstrap由cniska.net我可以让它工作。
然而,我发现让它按我想要的方式工作有些困难。虽然我可能错过了一些东西,但在文档中没有发现任何有用的东西。
我有一个像这样的导航栏:
$this->widget('bootstrap.widgets.TbNavbar', array(
'brand'=>'XPTO',
'brandUrl'=>'#',
'fixed' => 'top',
'collapse'=>true, // requires bootstrap-responsive.css
'items'=>array(
array(
'class'=>'bootstrap.widgets.TbMenu',
'items'=>array(
array('label'=>'1st Link', 'url'=>'#', 'active'=>true),
array('label'=>'2nd Link', 'url'=>'#'),
array('label'=>'3rd Link', 'url'=>'#'),
array('label'=>'4thLink', 'url'=>'#'),
),
),
(..)
那么,对于我的第一个问题:
在'brand'=>'XPTO'
下面,是否可以输入图像的路径?比如logo?我知道我可以尝试输入一个图像路径但是如果图像彼此相邻呢?(这将避免我创建一个包含2的图像)。
其次:
我想根据我点击的链接在我的布局中操作和添加页面移动,因此,*我想添加'id'属性到每个'li', ,所以最终结果将像:
<li class="active" id="xyz"><a href="#"> Link Text </a></li>
我试过了
array('label'=>'2nd Link', 'url'=>'#', 'id'=>'xyz'),
和
array('label'=>'2nd Link', 'url'=>'#', 'htmlOptions'=>array(
'id'=>'xyz'),),
但是没有成功。
提示吗?
要使图像工作,只需在品牌名称中嵌入图像,如下所示:
'brand'=>'<img src="path_to_img.jpg"/>"
关于你的第二个问题,我刚刚花了20分钟搜索资料,发现当一个项目有htmlOptions
时,它被称为'itemOptions'
而不是'htmlOptions'
。所以要添加一个id,使用:
array('label'=>'First Link', 'url'=>"#", 'itemOptions'=>array('id' => 'xyz'))
在Yiistrap中,一些属性发生了变化。
这里应该使用
'brandLabel' => CHtml::image(Yii::app()->getBaseUrl() . '/images/logo.png', 'Logo', array('width' => '37', 'height' => '37')),
'brandUrl' => 'http://www.someurl.com',
用brand..代替brandLabel